el-table 的key屬性

時間 2019-11-10

標籤 table key 屬性简体版

原文原文鏈接

在閱讀[vue-element-admin]代碼時候,發現有如下寫法:javascript

<el-table :key='tableKey' :data="list" v-loading="listLoading" element-loading-text="給我一點時間" border fit highlight-current-row
      style="width: 100%">

其中key這個屬性怎麼都沒查到.vue

最後,帶issue裏面查到了說明https://github.com/PanJiaChen/vue-element-admin/issues/656.java

原來這個key屬性是vue自帶特殊屬性,主要用在 Vue 的虛擬 DOM 算法，在新舊 nodes 對比時辨識 VNodes。若是不更新這個key的話,顯示隱藏列的時候,部分DOM不會從新渲染,致使table變化時候沒有動畫過分,顯得很生硬.node

參考vue說明:https://cn.vuejs.org/v2/api/#keygit

心得:於細微之處見真章.github

1. el-table 的key屬性
2. zabbix-agent key屬性列表
3. keyboard中key屬性介紹
4. 如何理解vue的key屬性
5. 對象屬性鍵值[key]屬性問題
6. v-for，key屬性，v-if和v-show
7. iOS 屬性的屬性
8. 修改數組對象的屬性（key）名
9. React 實踐心得：key 屬性的原理和用法
10. v-for指令循環中key屬性的作用
更多相關文章...
• ASP Key 屬性 - ASP 教程
• ASP ASPError 對象的屬性 - ASP 教程
• 互聯網組織的未來：剖析GitHub員工的任性之源
• JDK13 GA發佈：5大特性解讀

相關標籤/搜索