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>
相关推荐
墨轩尘11 分钟前
qiankun的简单使用
前端·vue.js·前端框架
EEEzhenliang18 分钟前
CSS样式所有使用方式(书写位置)
前端·css
愚公移码1 小时前
蓝凌EKP产品:关联机制浅析
java·服务器·前端
汉堡go1 小时前
python_chapter6
前端·数据库·python
wusp19942 小时前
v-model 和 :value 的深度解析
前端·javascript·vue.js
Code知行合壹2 小时前
Vue项目中SVG图标
前端·vue.js
SJLoveIT2 小时前
【安全研发】CSRF (跨站请求伪造) 深度复盘与防御体系
前端·安全·csrf
pas1362 小时前
34-mini-vue 更新element的children-双端对比diff算法
javascript·vue.js·算法
小二·2 小时前
Python Web 开发进阶实战:数字孪生平台 —— 在 Flask + Vue 中构建实时物理世界镜像
前端·vue.js·python
CHU7290352 小时前
安心陪伴,便捷就医:陪诊代办小程序的温暖设计
前端·小程序·php