el-table 的key属性

在阅读[vue-element-admin]代码时候,发现有以下写法:

<el-table :key='tableKey' :data="list" v-loading="listLoading" element-loading-text="给我一点时间" border fit highlight-current-row
      style="width: 100%">

其中key这个属性怎么都没查到.

最后,带issue里面查到了说明https://github.com/PanJiaChen/vue-element-admin/issues/656.

原来这个key属性是vue自带特殊属性,主要用在 Vue 的虚拟 DOM 算法，在新旧 nodes 对比时辨识 VNodes。如果不更新这个key的话,显示隐藏列的时候,部分DOM不会重新渲染,导致table变化时候没有动画过度,显得很生硬.

参考vue说明:https://cn.vuejs.org/v2/api/#key

心得:于细微之处见真章.

来源：oschina

链接：https://my.oschina.net/u/133911/blog/1824406