vue-element-admin element Pagination的坑,无法更改page的值去改Pagination

在工作的时候发现了Pagination 的坑,
比如我在page页面 3的时候,请求后端的一个keyword数据,这个时候,我要把page设为1,重新开始,但Page虽然是可以设置为1了,但是我搜索的页面,在点页面3的时候,不会请求接口了,,原来才知道无法在触动page更新了。。。在网上看到很多种方法都没有效果
然后一直不停的尝试,终于可以了,
首先先看代码 template

            
            

因为我的代码已经加了current-page.sync .sync但还是有这个bug

重新请求的时候

data的数据
  data() {
    return {
      paginationShow: true,
      dataList: [],
      options: [],
      options2: {},
      defaultProps: {
        children: 'children',
        label: 'label'
      },
      total: 0, //总页数
      searchData: {
        pagesize: 50,  //page的每页数量
        page: 1, //第几页
        keyword: '',
        sql: '',
        platform_tag: ''
      },
      platformList: []
    }
  },
  有需要的可以拿 
    submitSql() {
      if (this.searchData.sql) {
        this.paginationShow = false
        this.searchData.page = 1
        this.$nextTick(function() {
          this.paginationShow = true
          this.handleCurrentChange(1)
        })
        this.fetchData2()
      } else {
        this.$message.error('sql查询不能为空')
        return
      }
    },

在data定义一下paginationShow 的布尔值,用分页强制显示隐藏去强刷它
这样就可以了

    handleCurrentChange(val) {
      this.searchData.page = val
      this.fetchData2()  //这个是我请求的接口方法
    },

你可能感兴趣的:(vue,javascript,react)