uniapp,vue3路由传递接收参数

官网vue2升vue3的教程中,演示了如何使用onLoad,记得把官网所有内容都看一遍!!!

传递对象参数

javascript 复制代码
uni.navigateTo({url: '/pages/login/code/code?data=' + JSON.stringify({limit: 6, iphone: loginForm.username, }),
});

接收对象参数

javascript 复制代码
<script setup lang="ts">
	 import {
	    onLoad,
	  } from "@dcloudio/uni-app";

    /* 验证码 */
	const codeValue = ref("")
	
	// onLoad 接受 A 页面传递的参数
	  onLoad((option) => {
	   console.log(option);
	   //我传递的是对象,所以解析一下
	   codeValue .value = JSON.parse(option.data)
	  });
</script>
相关推荐
SelectDB技术团队几秒前
云上数据安全新范式:Apache Doris IAM Assume Role 解锁无密钥访问 AWS S3 数据
服务器·前端·安全
m0_740043732 分钟前
Vue 组件中获取 Vuex state 数据的三种核心方式
前端·javascript·vue.js
Hashan2 分钟前
基于Vue3完成动态组件库建设
前端
北辰alk2 分钟前
Vue动态组件:让组件“活”起来的终极指南
vue.js
李慕婉学姐3 分钟前
【开题答辩过程】以《基于Springboot和Vue的生活垃圾识别与处理系统》为例,不知道这个选题怎么做的,不知道这个选题怎么开题答辩的可以进来看看
vue.js·springboot
爱吃香菜i5 分钟前
基于Vant的移动端公共选人/选部门组件设计文档
前端
Jingyou7 分钟前
JavaScript 封装无感 token 刷新
前端·javascript
00后程序员张9 分钟前
Fastlane 结合 开心上架,构建跨平台可发布的 iOS 自动化流水线实践
android·运维·ios·小程序·uni-app·自动化·iphone
quan263110 分钟前
20251204,vue列表实现自定义筛选和列
前端·vue.js·elementui
蜗牛攻城狮10 分钟前
JavaScript `Array.prototype.reduce()` 的妙用:不只是求和!
前端·javascript·数组