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

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

写法是这样的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>

你这是没有理解this的作用域，以及$set的使用方法，methods中函数this是指向当前组件实例，$set第一个参数是实例data中的变量,第二个参数是变量的key,你要修改textColor的值直接使用this.textColor="blue"就可以了

• 你可以看下这个问题的回答https://ask.csdn.net/questions/7778993
• 我还给你找了一篇非常好的博客，你可以看看是否有帮助，链接：vue中用v-for循环数组，如何实现点击文字切换颜色效果
• 除此之外, 这篇博客: Vue指令篇_v-for_列表渲染中的 2）v-for中使用对象 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• 语法：(value, key, index) in Object

  其中 value 是对象值；key 为键名，可选填；index 还是索引，也可选填，举个栗子

  <ul id="app">
      <li v-for="(value, key, index) in persons">{{ index }}——{{ key }}_{{ value }}</li>
  </ul>

  const vm = new Vue({
      el: '#app',
      data: {
          persons: {
              IronMan: 'Tony Stack', 
              CaptainAmerican: 'Steven Steve Rogers',
              Holk: 'Robert Bruce Banner',
          }
      }
  });

  【结果】

  

• 您还可以看一下 徐照兴老师的Vue全家桶从基础入门到进阶项目实战第四篇综合进阶项目篇课程中的 为条件查询设置重置功能小节, 巩固相关知识点