我们的查看里面有添加部分数据的功能,添加成功后,页面返回关闭,页面需要重新调取接口获取新的数据,但是客户的需求是,关闭后,还应回到当前页,而不是回到第一页。
思路:将当前页面的接口参数 查看时,带入‘查看’页面,页面关闭时,将参数再次带回列表页,其实就是一个传参的功能。
代码如下:列表页面
created () {
if (this.$route.query.queryParams) {
this.queryParams = this.$route.query.queryParams // 参数
console.log('this.queryParams', this.queryParams)
this.getList()
} else {
this.getList() // 获取列表数据的接口
}
}
查看页面:
beforeRouteLeave (to, from, next) {
to.query.queryParams = this.$route.query.queryParams
next()
},