美文网首页
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