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>
相关推荐
16年上任的CTO14 分钟前
vue2-mixin的定义与和使用
前端·javascript·vue.js·mixin
呦呦鹿鸣Rzh17 分钟前
HTML-表格,表单标签
java·前端·html
柠檬豆腐脑23 分钟前
从前端到全栈:搭建Gitlab并实现自动化部署全栈项目
前端·gitlab
轻口味1 小时前
Vue.js 使用 `teleport` 实现全局挂载
前端·javascript·vue.js
吴小花的博客2 小时前
日期选择控件,时间跨度最大一年。
前端·vue.js·elementui
m0_748248232 小时前
Go-Gin Web 框架完整教程
前端·golang·gin
苏-言2 小时前
深入核心:一步步手撕Tomcat搭建自己的Web服务器
服务器·前端·tomcat
16年上任的CTO2 小时前
vue2-给data动态添加属性
前端·javascript·vue.js·动态添加属性
彭友圈1012 小时前
利用HTML和css技术编写学校官网页面
前端·css·html
飞舞花下3 小时前
一、0-1搭建springboot+vue3前后端分离-前端项目创建
前端