在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ vue動態(tài)添加事件的問題

vue動態(tài)添加事件的問題

項目是vue+element-ui的表格，是一個多級表頭，項目中有很多多級表頭就寫了公用組件，遍歷傳過來的數(shù)據(jù)

<el-table-column v-for="(data,index) in columnsTable"
                         :label="data.tierData.titleName"
                         :key="index"
                         v-if="color"
                         align="center">

            <el-table-column v-for="(list,index) in data.tierData.content"
                           :key="list.text"
                           :label="list.text"
                           :prop="list.dataIndex">
              <template scope="scope">
                {{scope.row[list.dataIndex]}}
              </template>
            </el-table-column>
      </el-table-column>

圖片描述

圖片描述

我的問題是，現(xiàn)在需求是有一個選擇器可以控制隱藏一列表格，例如：選擇地址，表格中這個多級的列都要隱藏，還請大家給個思路

回答
編輯回答
生性

我想到就是控制你的content，你點(diǎn)地址就把地址的data從content中拿出來，這樣你渲染的就不包含地址了，選擇其他的再把其他的data拿出來，同時把地址的data放回去

2018年5月29日 08:30
編輯回答
她愚我

看你給的代碼是兩級表頭

data:{
    firstHeadHidden: '',
    secondHeadHidden: ''
}
<el-table-column v-for="(data,index) in columnsTable"
                         :label="data.tierData.titleName"
                         :key="index"
                         v-if="color || data.tierData.titleName !== firstHeadHidden"
                         align="center">
  <el-table-column v-for="(list,index) in data.tierData.content" 
                   :key="list.text" 
                   :label="list.text" 
                   :prop="list.dataIndex"
                   v-if="list.text !== secondHeadHidden">
    <template scope="scope">
      {{scope.row[list.dataIndex]}}
    </template>
  </el-table-column>
</el-table-column>
2017年7月21日 19:11