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>
相关推荐
步步为营DotNet2 分钟前
深入理解ASP.NET Core Middleware:构建高效Web应用的管道基石
前端·后端·asp.net
毕设十刻2 分钟前
基于Vue的旅游网站yzwa8(程序 + 源码 + 数据库 + 调试部署 + 开发环境配置),配套论文文档字数达万字以上,文末可获取,系统界面展示置于文末
数据库·vue.js·旅游
|晴 天|3 分钟前
微前端架构入门:从概念到落地实践
前端·架构
一字白首6 分钟前
Node.js+Vue 联动,Vue 快速上手:基础学习
vue.js·学习·node.js
悟能不能悟9 分钟前
vue项目,url访问不了,用route-link跳过去就可以访问,为什么
前端·javascript·vue.js
程序媛_MISS_zhang_011010 分钟前
APP中列表到详情,详情返回列表时候,返回定位到之前查看详情那条数据
前端·javascript·vue.js
还有多远.11 分钟前
前端部署后自动检测更新
前端·javascript·vue.js
爱吃无爪鱼12 分钟前
02-前端开发核心概念完全指南
css·vue.js·前端框架·npm·node.js·sass
拾忆,想起14 分钟前
Dubbo本地存根与本地伪装实战指南:提升微服务容错能力的利器
前端·微服务·云原生·架构·dubbo·safari