el-table 表格展开与折叠

按钮控制 点击全部展开 再次点击 全部关闭

表格代码


    
      
    
    
    
    
    
    
    
  

data数据 

data() {
	return {
        isExpand:true,//全部展开
        tableData:[]
	}
},
mountend:{
    let self = this;
    self.$nextTick(()=>{//可以axios拿到数据调用 默认全部展开
         self.forArr(self.tableData,self.isExpand)
    })
},
methods:{
    handleExpand() {
        this.isExpand = !this.isExpand
        this.$nextTick(() => {
            this.forArr(this.tableData, this.isExpand)
        })
    },
    // 遍历
    forArr(arr, isExpand) {
        arr.forEach(i => {
            this.$refs.multipleTable.toggleRowExpansion(i, isExpand)
            if (i.children) {
                this.forArr(i.children, isExpand)
            }
        })
    },
}

你可能感兴趣的:(elementui,vue.js)