天天看點

vue+elementui項目中使用el-table在el-table-column type類型在動态改變時,出現錯亂現象

項目需求根據檢視編輯來動态改變el-table-column type的index或者selection 

編輯時需要type類型為selection 如圖 :

vue+elementui項目中使用el-table在el-table-column type類型在動态改變時,出現錯亂現象

 檢視時需要type類型為index如圖 :

vue+elementui項目中使用el-table在el-table-column type類型在動态改變時,出現錯亂現象

 在動态切換時有時會出現type類型與展示類型不符的情況

vue+elementui項目中使用el-table在el-table-column type類型在動态改變時,出現錯亂現象
vue+elementui項目中使用el-table在el-table-column type類型在動态改變時,出現錯亂現象

 解決方法:

  在需要使用v-bind動态渲染的el-table-column元素上加上一個不重複的key值即可解決問題  

vue+elementui項目中使用el-table在el-table-column type類型在動态改變時,出現錯亂現象
vue+elementui項目中使用el-table在el-table-column type類型在動态改變時,出現錯亂現象