el-table-column v-if條件渲染報(bào)錯(cuò)h.$scopedSlots.default is not a function

問(wèn)題:項(xiàng)目中遇到el-table-column條件渲染出現(xiàn)報(bào)錯(cuò)的情況

? ? ? ? ? ?報(bào)錯(cuò)內(nèi)容:?h.$scopedSlots.default is not a function

error

原因:表格是element-ui通過(guò)循環(huán)產(chǎn)生的,而vue在dom重新渲染時(shí)有一個(gè)性能優(yōu)化機(jī)制,就是相同dom會(huì)被復(fù)用,這就是問(wèn)題所在,所以,通過(guò)key去標(biāo)識(shí)一下當(dāng)前行是唯一的,不許復(fù)用,就行了。

解決:添加?:key="Math.random()"

example:

<el-table-column fixed="right" label="操作" width="200" :key="Math.random()"? v-if="currentTab === 'xxx'">? ? ? <template slot-scope="{row}">?

?????????<el-button type="text" size="small">查看詳情</el-button>?

? ? ? ? ?<el-button type="text" size="small">編輯</el-button>?

? ? </template>?

?</el-table-column>

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容