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>
相关推荐
码界奇点1 天前
基于SpringBoot+Vue的新冠物资管理系统设计与实现
vue.js·spring boot·后端·spring·车载系统·毕业设计·源代码管理
梵尔纳多1 天前
打包 Electron 程序
前端·javascript·electron
接着奏乐接着舞。1 天前
3D地球可视化教程 - 第6篇:蜂巢网格与自定义几何体
前端·vue.js·3d·threejs
GISer_Jing1 天前
Taro打造电商项目实战
前端·javascript·人工智能·aigc·taro
KLW751 天前
vue watch监听
前端·javascript·vue.js
晴殇i1 天前
🎉 TRAE 一年使用的过程体验 🎉
前端
GDAL1 天前
Tailwind CSS Flex 布局深入全面教程
前端·css·tailwindcss
qq. 28040339841 天前
react --> redux
前端·react.js·前端框架
前端不太难1 天前
用 RN 的渲染模型,反推 Vue 列表的正确拆分方式
前端·javascript·vue.js
JS_GGbond1 天前
防抖与节流:前端性能优化“双剑客”
前端