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 分钟前
刚上市就断货?如此火爆的编程显示器到底有什么魔力
前端·后端·程序员
兆子龙18 分钟前
前端哨兵模式(Sentinel Pattern):优雅实现无限滚动加载
前端·javascript·算法
豆苗学前端34 分钟前
彻底讲透浏览器渲染原理,吊打面试官
前端·javascript·面试
踩着两条虫41 分钟前
AI 驱动的 Vue3 应用开发平台 入门指南(五):创建 H5 移动应用
前端·vue.js·ai编程
ZengLiangYi43 分钟前
用 AudioContext.suspend()/resume() 作为流式音视频的同步门控
前端·音视频开发
踩着两条虫44 分钟前
AI 驱动的 Vue3 应用开发平台 入门指南(二):快速入门
前端·vue.js·ai编程
程序员阿耶1 小时前
CSS滚动条样式从入门到实战:打造跨浏览器的自定义滚动条
前端
范小饭1 小时前
哼,要变天了:副业赚18块的自救实录
前端
天蓝色的鱼鱼2 小时前
从“死了么”到“我在”:用uniCloud开发一款温暖人心的App
前端·uni-app
小徐_23333 小时前
uni-app 组件库 Wot UI 的 AI 友好型编程指南
前端·uni-app