element的el-table-column中有v-if是有solt失效

理想這樣

 

 

顯示是這樣

 

 

 

 

 slot失效了

顯示的是prop的值

 

 解決：

需要在其和其之后的一個顯示的組件上添加 :key="Math.random()"

 

 

 

 完美搞定

 

 

原因：

是因為表格是element-ui通過循環產生的

而vue在dom重新渲染時有一個性能優化機制，

就是相同dom會被復用，

通過key去標識一下當前行是唯一的，不許復用，就行了。