使用Element UI中的table,想利用tableHeader董濤生成不同的列，其中包括自定義的和非自定義的，但是使用v-if控制自定義與否的時候出問題了，v-if好像失效了一樣，這個自定義還是會覆寫掉默認的
<el-table :data="https://bbs.csdn.net/topics/tableData" border style="width: 100%">
<el-table-column v-for="(header,index) of tableHeader" :prop="header.prop" :label="header.label" :width="header.width" :key="index">
<div v-if="header.multipleRow" slot-scope="scope">
<div class="biz-customcol">
<i class="el-icon-time"></i>
<div class="biz-two-row">
<span style="margin-left: 10px">{{ scope.row[header.prop] }}</span>
<span style="margin-left: 10px">{{ scope.row[header.prop] }}</span>
</div>
</div>
</div>
</el-table-column>
</el-table>
uj5u.com熱心網友回復：
這個問題還有辦法嗎？uj5u.com熱心網友回復：
謝謝你的回答，外層包裹也不是沒想過~基本上目前看是無解的了uj5u.com熱心網友回復：
我目前覺得問題應該是出現在slot-scope="scope和v-if一起使用上無論這個v-if的結果是什么，都會把默認的替換掉
但是又不能使用div包裹一下slot-scope，這樣會導致自定義部分undefined
uj5u.com熱心網友回復：
是的，v-if 只是控制該元素是否渲染，但執行到 v-if 時已經離開了自定義/默認內容的判斷階段。你需要做的是把 v-if 提前到外層元素。uj5u.com熱心網友回復：
我得出的結論是在這個插槽里面是取不到外面data里的值的，只能根據他系結到的資料里面的值判斷，就是scope.row里面找一個值來判斷
根據他里面系結到的物件里面找一個能判斷的值來判斷，原因應該就是這個插槽里面取不到外面的data里的引數
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/283652.html
標籤：其他技術討論專區