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>
相关推荐
Heo6 分钟前
Vue3.4中diff算法核心梳理
前端·javascript·面试
惜.己8 分钟前
前端笔记(二)
前端·笔记
O***p6048 分钟前
前端的“复杂性红线”:如何在超大型应用时代构建可持续演进的前端架构?
前端·架构
狗哥哥9 分钟前
🚀 拒绝重复造轮子!在 Vue3 项目中打造一套企业级“统一上传服务”(支持分片、秒传、断点续传)
vue.js·架构
汝生淮南吾在北9 分钟前
SpringBoot+Vue在线考试系统
vue.js·spring boot·后端·毕业设计·毕设
腾讯TNTWeb前端团队20 分钟前
hel+发布了,一起体验原生跨端js模块联邦
前端
幸运小圣21 分钟前
【Vue3】 中 ref 与 reactive:状态与模型的深入理解
前端·javascript·vue.js
叁两22 分钟前
教你快速从Vue 开发者 → React开发者转变!
前端·vue.js·react.js
吴敬悦37 分钟前
Claude Code 使用的命令行 UI 库: ink(使用 react 编写命令行界面)
前端·react.js
yinuo38 分钟前
前端跨页面通讯终极指南⑦:ServiceWorker 用法全解析
前端