vue+element ui <el-table>中有多页数据，查看完详情，回到查看前的页码

尼古拉夫斯7 lv.1

发布时间：2022-11-12 08:18:33 335

相关标签： # 数据

vue+element ui <el-table>中有多页数据，查看完详情，回到查看前的页码_表数据

我们的查看里面有添加部分数据的功能，添加成功后，页面返回关闭，页面需要重新调取接口获取新的数据，但是客户的需求是，关闭后，还应回到当前页，而不是回到第一页。

思路：将当前页面的接口参数查看时，带入‘查看’页面，页面关闭时，将参数再次带回列表页，其实就是一个传参的功能。

代码如下：列表页面

 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()
  },

文章来源： https://blog.51cto.com/u_15402941/5833983

特别声明：以上内容（图片及文字）均为互联网收集或者用户上传发布，本站仅提供信息存储服务！如有侵权或有涉及法律问题请联系我们。

vue+element ui &lt;el-table&gt;中有多页数据，查看完详情，回到查看前的页码

vue+element ui <el-table>中有多页数据，查看完详情，回到查看前的页码