关于elementUI中的表格默认选中

elementUI中表格默认选中问题困扰了我很长时间，

常规代码应该是这样的：

//获取数组后 组成新的数组（要选中的数组）
            var newArr = []
            for(var i = 0;i<this.tableDataNew.length;i++){
                if(this.tableDataNew[i].show == true){
                    newArr.push(this.tableDataNew[i])
                }
            }
            //便利然后放到表格数据中做选中的展示呈现
            if (newArr) {
                newArr.forEach((row) => {
                    this.$refs.tableWarn.toggleRowSelection(row, true)
                })
            }

但是我这样写了之后会报错

 

 后来经过整理发现应该this.$refs.tableWarn是一个数组类似的，所以我这样改了一下 this.$refs.tableWarn[0]就可以了，代码如下：

//获取数组后 组成新的数组（要选中的数组）
            var newArr = []
            for(var i = 0;i<this.tableDataNew.length;i++){
                if(this.tableDataNew[i].show == true){
                    newArr.push(this.tableDataNew[i])
                }
            }
            //便利然后放到表格数据中做选中的展示呈现
            if (newArr) {
                newArr.forEach((row) => {
                    this.$refs.tableWarn[0].toggleRowSelection(row, true)
                })
            }

记录分享一下。减少大家踩坑机会！