#Vue# 使用getCurrentPages()进行页面传值,获取之前页面的数据
onLoad() {this.init()},methods: {init() {const pages = getCurrentPages()const prevPage = pages[pages.length - 3] // 数字3为获取上一页面const prevPage2 = pages[pages.length - 2] // 数字2为获取上上一页面this.imageUrl = pr
·
#Vue# 使用getCurrentPages()
进行页面传值,获取之前页面的数据
需求:
在当前页面,获取前一个,前前一个页面的数据,并赋值到当前页面
知识点:
getcurrentpages()的详细介绍https://uniapp.dcloud.io/api/window/window?id=getcurrentpages
步骤:
(1)在当前页面,设置接收的变量
data() {
return {
imageUrl: '', //正面上传的图片
img: '', //侧面上传的图片
}
},
(2)在当前页面的methods里面,写上事件init()
methods: {
init() {
}
}
(3)在事件init()引入调用getCurrentPages() ,来拿取之前的页面
// pages的length就是说明当前处于几级页面
// const prevPage = pages[pages.length - 2];
// -2 就是上一页的数据 上上页的数据就是-3 以此类推
init() {
const pages = getCurrentPages()
const prevPage = pages[pages.length - 2] // 数字2为获取上一页面
const prevPage2 = pages[pages.length - 3] // 数字3为获取上上一页面
// const prevPage3 = pages[pages.length - 1] // 数字1为当前页面
},
(4)让变量来接收之前页面的变量
this.img(这个为当前页面的变量)
= prevPage2(这个是页面,后面的数字是自定义).$vm._data.image
(这个image为之前页面传递过来的变量)
(5)完整的init()事件
methods: {
init() {
const pages = getCurrentPages()
const prevPage = pages[pages.length - 2] // 数字2为获取上一页面
const prevPage2 = pages[pages.length - 3] // 数字3为获取上上一页面
// const prevPage3 = pages[pages.length - 1] // 数字1为当前页面
this.imageUrl = prevPage.$vm._data.image
this.img = prevPage2.$vm._data.image
console.log(prevPage.$vm._data.image)
},
}
(6)把init()事件,写在onload ()里面
(tips:onload 事件会在页面或图像加载完成后立即发生)
data() {
return {
imageUrl: '', //正面上传的图片
img: '', //侧面上传的图片
}
},
onLoad() {
this.init()
},
methods: {
}
更多推荐
已为社区贡献18条内容
所有评论(0)