小程序里.vue界面中传值的两种方式

1.跳转携带参数后通过生命周期取值

1.1跳转

java 复制代码
	function juMp(){
		let arr = JSON.stringify(specs.specs_data)
		wx.navigateTo({
			url:'/pages/specs/specs?sku=' + arr
		})
	}

1.2取值

java 复制代码
import {onLoad} from '@dcloudio/uni-app'
	onLoad((event)=>{
		let Arr = JSON.parse(event.sku)
	})

2.通过监听器获取页面传的值,(在接收传值的界面使用)

java 复制代码
	// 监听创建规格后返回上一页面的值
	//sku_val为上个界面传递过来的值
	//newVal改变之后的值,oldVal改变之前的值
	import {sku_val} from '@/Acc-config/answer.js'
	watch(sku_val,(newVal,oldVal)=>{
	
	})
相关推荐
摇滚侠2 小时前
Vue3入门到实战,最新版vue3+TypeScript前端开发教程,笔记02
vue
zhong liu bin2 小时前
Vue框架技术详解——项目驱动概念理解【前端】【Vue】
前端·javascript·vue.js·vscode·vue
知识分享小能手3 小时前
React学习教程,从入门到精通,React 使用属性(Props)创建组件语法知识点与案例详解(15)
前端·javascript·vue.js·学习·react.js·前端框架·vue
知识分享小能手9 小时前
React学习教程,从入门到精通, React 属性(Props)语法知识点与案例详解(14)
前端·javascript·vue.js·学习·react.js·vue·react
赵得C13 小时前
【前端技巧】Element Table 列标题如何优雅添加 Tooltip 提示?
前端·elementui·vue·table组件
叫我阿柒啊14 小时前
Java全栈开发工程师的实战面试经历:从基础到微服务
java·微服务·typescript·vue·springboot·前端开发·后端开发
@八度余温16 小时前
eslint 和 prettier 的相同点和区别
vue·eslint
周航宇JoeZhou18 小时前
JP4-7-MyLesson后台前端(五)
java·前端·vue·elementplus·前端项目·mylesson·管理平台
2501_9159184120 小时前
iOS 开发全流程实战 基于 uni-app 的 iOS 应用开发、打包、测试与上架流程详解
android·ios·小程序·https·uni-app·iphone·webview