更改特定索引而不在Vuejs中重新渲染整个数组 [英] Change specific index without re-render whole array in Vuejs

查看:19
本文介绍了更改特定索引而不在Vuejs中重新渲染整个数组的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

Vuejs 项目中,我的数据对象 中有一个数组,并使用v-for 将其呈现在视图中 指令.现在,如果我更改该数组中的特定索引,Vue 会在视图中重新渲染整个数组.有没有办法在不重新渲染整个数组的情况下查看视图中的变化?


这个问题背后的原因是我的数组的其他索引正在处理或做一些事情,当整个数组在视图中重新渲染时,这些进程会停止.

解决方案

在 Vue 1.x 中,我们有 track-by="$index" 来跟踪渲染数组中更改的索引.但是从 2.x 版本开始,Vue 建议在我们使用 v-for 而不是 track-by=$index"<在视图中渲染数组时使用 :key/代码>.但请考虑这个打击示例: