文章讲述了在Vue.js应用中，如何使用uni.navigateTo进行页面间的路由跳转，并携带data参数。参数通过encodeURIComponent编码后拼接到URL中，在目标页面的onLoad生命周期钩子中，通过decodeURIComponent解码并用JSON.parse解析，以获取并赋值给组件状态。
路由跳转，带着data参数
uni.navigateTo({
url: `./updateContents?data=`+encodeURIComponent(JSON.stringify(e)),
});
接收参数，在onLoad中接收参数，并且赋值
onLoad(option) {
console.log(option,"option===");
// 获取保存的数据
let data = JSON.parse(decodeURIComponent(option.data));
console.log(data,"data===");
this.form.title = data.title
this.form.content = data.content
// 依次加条数如下赋值
this.form.contents = data.contents
// console.log(this.form.title,"this.form.title===");
// this.form.food_price = data.food_price
// this.form.food_introduce = data.food_introduce
},
扫一扫
2273
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
