vue Element-ui table翻页保留勾选

最新推荐文章于 2023-12-24 02:05:17 发布

前端代码の搬运工

最新推荐文章于 2023-12-24 02:05:17 发布

阅读量561

点赞数 8

文章标签： vue.js ui javascript

本文链接：https://blog.csdn.net/a13145211/article/details/134965978

版权

用table事件

@selection-change="handleSelectionChange"

handleSelectionChange(val) {
//为了过滤翻页的时候不把重复的加进去
val = val.filter(item => !this.echoList.some(e => e.id === item.id));
this.echoList = [...this.echoList, ...val] //在data定义一个数组echoList
},

勾选回显的方法

 echo(questions) {
      if (questions) {
        for (let index = 0; index < questions.length; index++) {
          const question = questions[index];
          if (this.echoList.findIndex(e => e.id === question.id) > -1) {
            this.$nextTick(() => {
              this.$refs.clientTable.toggleRowSelection(question, true);
            })
          }
        }
      }
    },