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>
相关推荐
Moment1 小时前
腾讯终于对个人开放了,5 分钟在 QQ 里养一只「真能干活」的 AI 😍😍😍
前端·后端·github
比尔盖茨的大脑1 小时前
AI Agent 架构设计:从 ReAct 到 Multi-Agent 系统
前端·人工智能·全栈
天才熊猫君1 小时前
使用 Vite Mode 实现客户端与管理端的物理隔离
前端
HelloReader1 小时前
React Hook 到底是干嘛的?
前端
用户60572374873081 小时前
OpenSpec 实战:从需求到代码的完整工作流
前端·后端·程序员
寅时码1 小时前
React 正在演变为一场不可逆的赛博瘟疫:AI 投毒、编译器迷信与装死的官方
前端·react.js·设计模式
忆江南2 小时前
HTTP 各版本演进与 HTTPS 原理详解
前端
忆江南2 小时前
对组件化与模块化的思考与总结
前端
小码哥_常2 小时前
从0到1:Android组件化架构搭建秘籍
前端