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>
相关推荐
FinClip12 小时前
凡泰极客FinClip荣获2025中国企业IT大奖!AI+超级APP重塑企业AI服务
前端·架构·openai
小酒星小杜13 小时前
在AI时代下,技术人应该学会构建自己的反Demo地狱系统
前端·vue.js·ai编程
Code知行合壹13 小时前
Pinia入门
vue.js
今天也要晒太阳47313 小时前
element表单和vxe表单联动校验的实现
vue.js
kirito707713 小时前
前端项目架构(基于 monorepo)
前端
去哪儿技术沙龙13 小时前
Qunar酒店搜索排序模型的演进
前端·架构·操作系统
重铸码农荣光13 小时前
TypeScript:JavaScript 的“防坑装甲”,写代码不再靠玄学!
前端·react.js·typescript
用户6000718191013 小时前
【翻译】构建类型安全的复合组件
前端
掘金安东尼13 小时前
向大家介绍《开发者博主联盟》🚀
前端·程序员·github
火车叼位13 小时前
div滚动条是否存在?用 v-scroll-detect 增加一个辅助class
前端