vue+elementUI中表格渲染数据,使用v-for循环添加字段,加载近200个字段加载缓慢,最后使用key属性后加载明显变快。
:key是为vue的响应式渲染提供方法,在列表中单条数据改变的情况下,可以进行单独渲染,减少页面资源消耗。

<div v-for="(items key index) in list" :key="key"></div>

:key的中可以填写的选择很多,但是很多人又不知道到底是填写哪一个值会比较好,所以本人研究过后,发现,如果使用v-for循环中的key键值或者index索引值,得到的结果都是无法实现单条数据渲染,只有使用items中的自身属性才可以达到单条数据各自渲染的结果,所以,一般会使用:key="items.id"等items中的属性。

使用:key="items.id"的属性有利于代码的优化,减少页面资源消耗。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐