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>
相关推荐
时光追逐者12 分钟前
一个基于 .NET + Vue 实现的通用权限管理平台(RBAC模式),前后端分离模式,开箱即用!
前端·vue.js·c#·.net·.net core
Aotman_14 分钟前
Vue el-table 表尾合计行
前端·javascript·vue.js·elementui·前端框架·ecmascript
编程猪猪侠17 分钟前
Vue3 + Ant Design Vue 实现 Table 表格嵌套 Radio 单选框
javascript·vue.js·anti-design-vue
phltxy21 分钟前
Vue3 + Vite:从入门到实战——核心指令全解析
vue.js·vue
静小谢22 分钟前
vue3实现语言切换vue-i18n
前端·javascript·vue.js
东东51625 分钟前
资产管理信息系统ssm+vue
前端·javascript·vue.js
森爱。27 分钟前
web开发全家桶(django+前端+数据库)
前端·python·django
骆驼爱记录30 分钟前
Word侧边页码设置全攻略
前端·自动化·word·excel·wps·新人首发
利刃大大34 分钟前
【Vue】声明式导航与传参 && 编程式导航与传参 && 嵌套与守卫
javascript·vue.js·ecmascript
方安乐40 分钟前
react笔记之useCallback/useEffect闭包陷阱
前端·笔记·react.js