#Vue# 使用getCurrentPages()

进行页面传值,获取之前页面的数据

需求:

在当前页面,获取前一个,前前一个页面的数据,并赋值到当前页面

知识点:

getcurrentpages()的详细介绍icon-default.png?t=L9C2https://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: {
}
Logo

前往低代码交流专区

更多推荐