#Vue# 使用getCurrentPages()进行页面传值，获取之前页面的数据

#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: {
}