el-table 展开行默认关闭或打开

转载博客地址：https://blog.csdn.net/qq_35257117/article/details/97906637?utm_source=distribute.pc_relevant.none-task

1.第一种方式： 使用 :default-expand-all=“isExpand”
优点：方便，简单，页面初始化的时候给 delfault-expand-all 赋值展开或关闭
缺点：不能手动操作

      <el-table
       :data="titleShineData.dataList"
       class="table-reset"
       size="small"
       :default-expand-all="isExpand"
     >

export default {
  name: 'titleShineManage',
  data () {
    return {
    	isExpand: true
    }
   }
 }

2.使用 :expand-row-keys=“expands”
优点： 可以任意打开 el-table 展开行
缺点： 麻烦

      <el-table
       :data="titleShineData.dataList"
       class="table-reset"
       size="small"
       :expand-row-keys="expands" 
     >
     <!-- 在展开行上 添加 type="expand" -->
       <el-table-column prop="name" label type="expand">
       </el-table-column>
     </el-table>

export default {
  name: 'titleShineManage',
  data () {
    return {
    	expands: []
    }
   },
   methods:{
		/ 查询
    onSearch () {
      getFileTitleMapInfoList(this.queryForm).then(res => {
        this.titleShineData = res.data
        // 关闭所有的展开行，给expands 设置成空值
        this.expands = []
      })
    },
	}
 }