Element-UI el-table-column 使用slot插槽 v-if 報錯

時間 2019-12-01

標籤 element table column 使用 slot 插槽報錯简体版

原文原文鏈接

報錯信息

[Vue warn]: Error in render: "TypeError: u.$scopedSlots.default is not a function"複製代碼

緣由是由於表格是element-ui經過循環產生的，而vue在dom從新渲染時有一個性能優化機制，就是相同dom會被複用，經過key去標識一下當前行是惟一的，不準複用，就好了。
javascript

在其和其以後的一個顯示的組件上添加 :key="Math.random()"複製代碼

<el-table-column label="DEMO" v-if="show" :key="Math.random()">
    <template slot-scope="scope">{{scope.row.demo}}</template>
</el-table-column>
<el-table-column prop="demo1" label="DEMO1" :key="Math.random()"></el-table-column>
複製代碼

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。