vue Element-ui table翻页保留勾选

最新推荐文章于 2024-08-15 16:02:49 发布

原创最新推荐文章于 2024-08-15 16:02:49 发布 · 656 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #ui #javascript

用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);
            })
          }
        }
      }
    },