vue element 展开行只能展开一行+默认展开行

迷阵

于 2020-03-01 10:40:21 发布

阅读量2.3k

点赞数 1

分类专栏： vue Element

本文链接：https://blog.csdn.net/weixin_43047070/article/details/104587936

版权

vue 同时被 2 个专栏收录

41 篇文章 0 订阅

订阅专栏

Element

11 篇文章 0 订阅

订阅专栏

找了一堆资料，就是不可以，气死俺了！
然后根据大佬的链接改好了

重点

方便自己就不写结尾，最后上图就是了

 <el-table // 这里面的这几个玩意儿必备！
     ref="materialList"
     :row-key="getRowKeys"
     @expand-change="expandChange"
     :expand-row-keys="expands"
>
     
  methods: {     
   getRowKeys(row) {
       return row.id
     },
     expandChange(row,expandedRows){
       var that = this
      if (expandedRows.length) {
        that.expands = []
        if (row) {
          that.expands.push(row.id)// 每次push进去的是每行的ID
        }
      } else {
        that.expands = []// 默认不展开
      }
     },    
}