vue+elementUI table表格使用v-if的方式來切換時會導致表格數據沖突報錯

報錯代碼：VM3950:37 TypeError: _self.$scopedSlots.default is not a function

原因：使用v-if切換標簽時，多個相同的標簽被渲染，如果不添加key來區分則會出現數據沖突導致table渲染出錯

解決方法：需要給同一個vue頁面中的table節點加上個key值就完美解決;

 

 

或者用：   :key="Math.random()"

 <el-table

            ref="table"

            size="small"

            style="width:100%"

            :header-cell-style="{border:'0 none','border-bottom':'1px solid #dedede'}"

            border

            :data="tableData"

            :key="Math.random()"

          >

</el-table>