美文网首页
element-ui table组件 toggleRowSele

element-ui table组件 toggleRowSele

作者: 游民_cd31 | 来源:发表于2020-07-16 10:57 被阅读0次

    element的table组件中,如果要设置默认选中,需要使用组件提供的方法toggleRowSelection,但是这玩意会触发组件绑定的selection-change事件,但是selection-change又是手动点击事件,不能被toggleRowSelection触发,解决方法是:
    加一把锁 flag


    image.png
    image.png
    // 初始化设置默认table选中
            changeFilterIndex(idx) {
                this.flag = true;
                this.curIndex = idx;
                this.staticViewpanes.forEach(v => {
                    const flag = !!this.filterList[this.curIndex].viewPanelList.filter(item => item.viewId === v.viewId)[0];
                    // console.log('flag', flag);
                    this.$refs.multipleTable.toggleRowSelection(v, flag);
                });
                this.flag = false;
            },
            // 手动点击选中
            selectionChange(val) {
                if (this.flag) return;
                this.$set(this.filterList, this.curIndex, {
                    ...this.filterList[this.curIndex],
                    viewPanelList: [...val]
                });
                // this.filterList[this.curIndex].viewPanelList = [...val];
                // console.log('this.selectedViews', this.selectedViews)
            },
    

    相关文章

      网友评论

          本文标题:element-ui table组件 toggleRowSele

          本文链接:https://www.haomeiwen.com/subject/plfphktx.html