vue2中数组里面的某个元素不能被渲染

Question

一个vue2的问题
在v-for中，点击了按钮，为什么文字颜色没有改变

Answer 1

写法是这样的this.$set( target, key, value )，第二个是你要修改的key

// 这里改成 :style="{color: list.textColor}"
<div class="text" :style="{color: list.textColor}">
  {{ list.text }}

// 赋值处改为
this.$set(this.textList[index], 'textColor', 'blue')
</div>