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>
相关推荐
怕浪猫4 分钟前
Electron 开发实战(四):深入进程通信 IPC 全解(安全通信+多窗口互通)
前端·javascript·electron
Volunteer Technology7 分钟前
Flink任务提交与架构模型(二)
前端·javascript·flink
前端小万8 分钟前
2026年了,为什么我突然开始做公众号?
前端·vue.js·面试
边界条件╝12 分钟前
CSS3 高阶使用技巧实战
前端·css·css3
喵了几个咪19 分钟前
Go + Vue/React 全栈开发实践
vue.js·react.js·golang·elementplus·vben·go-kratos
陈随易22 分钟前
Redis数据结构速通
前端·后端·程序员
络合白泽30 分钟前
Linux Mint Firefox 标题栏如何关闭
前端·firefox
渣渣xiong31 分钟前
从零开始:前端转型AI agent直到就业第十八天-第五十六天
前端·agent·ai编程
Moment31 分钟前
你都写这么久代码了,为什么不考虑做一个自己的小程序❓❓❓
前端·后端·面试
神所夸赞的夏天32 分钟前
安装 HTTP 客户端 npm install axios报错:“code EPERM“解决方法
前端·npm·node.js