日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

【elementUI】el-table 展開行默認關閉或打開

作者:讓時光到此為止。 更新時間: 2022-03-03 編程語言
  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
    }
   }
 }
  1. 使用 :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 = []
      })
    },
	}
 }

原文鏈接:https://blog.csdn.net/qq_35257117/article/details/97906637

欄目分類
最近更新