当前位置: 首页 > news >正文

uniapp开发:uniapp之vue3.2开发页面传值的解决方案

我最近个人使用了uniapp+vue3开发了一款微信小程序,在开发的过程中使用了一些使用方法,之前我在论坛上看到了许多人在问相关的问题,所以我在这里做一个简单的总结:

先看看uniapp+vue2中的使用

A页面

uni.navigateTo({
	url: '/pages/B/B?id=1'
})

B页面

export default {
    onLoad(options){
        console.log('接收传值:',options)
    }
}

在vue2的版本中直接通过页面生命周期onLoad可以接收值。

再看看uniapp+vue3.2中的使用

A页面

uni.navigateTo({
	url: '/pages/B/B?id=1'
})

B页面

<script setup>
	import { onLoad } from '@dcloudio/uni-app';
	onLoad((options) => {
		console.log('接收传值:',options)
	});
</script>

在vue3.2的语法糖中也是用onLoad去接收,只不过要手动引入使用。

-----END-----

关注更多知识,不迷路

小伙伴,用你可爱的小手,点个赞,关注我了解更多知识!!!

如果任何疑问的可以在评论区留言或者私聊。

可以加QQ群交流:568984539,加群备注‘地区-名字-技术类型’。

更多前端、uniapp、nodejs等相关知识可关注我个人博客:https://blog.csdn.net/qq_42961150?spm=1011.2124.3001.5343

去水印:https://mp.weixin.qq.com/s/8hZjCRfjcFuSk-YRzRUn6g

相关文章:

  • 获取的文件大小转换成MB
  • 数据包一些概念解释说明
  • 基于jQuery轮播carousel.js(轻量化-企业级)
  • uniapp开发:uniapp之vue3.2获取节点信息的差异
  • jq实现拖拽功能-解决滚动条引起的偏差
  • JavaScript类型识别
  • 前端页面跳转的6大类方法及其使用场景特性分析
  • [saiku] olap数据源管理
  • uniapp开发:瀑布流 灵活配置 简单易用 兼容vue2vue3小程序、H5、app等多端
  • Chrome浏览器使用Overrides调试线上代码的技巧
  • js查找json数据中的最大值和最小值方法集结
  • CSS3 Border-color
  • uniapp+unicloud开发微信小程序流程
  • 微信小程序解决saveImageToPhotosAlbum:fail invalid file type
  • Cacti 不出图像的解决办法(完整版)
  • python3.6+scrapy+mysql 爬虫实战
  • ES学习笔记(10)--ES6中的函数和数组补漏
  • Github访问慢解决办法
  • Java|序列化异常StreamCorruptedException的解决方法
  • JavaScript 一些 DOM 的知识点
  • java中具有继承关系的类及其对象初始化顺序
  • JS创建对象模式及其对象原型链探究(一):Object模式
  • log4j2输出到kafka
  • sessionStorage和localStorage
  • vue2.0开发聊天程序(四) 完整体验一次Vue开发(下)
  • vue-loader 源码解析系列之 selector
  • Vultr 教程目录
  • 闭包,sync使用细节
  • 从setTimeout-setInterval看JS线程
  • 聊一聊前端的监控
  • 格斗健身潮牌24KiCK获近千万Pre-A轮融资,用户留存高达9个月 ...
  • ​【C语言】长篇详解,字符系列篇3-----strstr,strtok,strerror字符串函数的使用【图文详解​】
  • ​决定德拉瓦州地区版图的关键历史事件
  • #绘制圆心_R语言——绘制一个诚意满满的圆 祝你2021圆圆满满
  • (12)Linux 常见的三种进程状态
  • (145)光线追踪距离场柔和阴影
  • (2)STL算法之元素计数
  • (附源码)小程序 交通违法举报系统 毕业设计 242045
  • (篇九)MySQL常用内置函数
  • (原創) 如何將struct塞進vector? (C/C++) (STL)
  • (原創) 未来三学期想要修的课 (日記)
  • (转) Face-Resources
  • (转)母版页和相对路径
  • (转载)跟我一起学习VIM - The Life Changing Editor
  • *(长期更新)软考网络工程师学习笔记——Section 22 无线局域网
  • .md即markdown文件的基本常用编写语法
  • .Net 6.0 处理跨域的方式
  • .NET MAUI学习笔记——2.构建第一个程序_初级篇
  • .NET 中的轻量级线程安全
  • .net 重复调用webservice_Java RMI 远程调用详解,优劣势说明
  • .net对接阿里云CSB服务
  • .NET和.COM和.CN域名区别
  • .Net接口调试与案例
  • [Angular 基础] - 指令(directives)
  • [C]编译和预处理详解