Vue——解决Vue获取服务器上数据后无法更改v-for循环标签的行内样式（六）

前端我从后台获取数据后更改了data里的属性没有翻译，打印了值确实是修改的但是没有显示出来，添加了updated()方法发现根本没有执行过，因此得出页面压根没有重新去渲染

div代码：

<div v-bind:id="count" class="my_data" v-bind:style="{backgroundColor:color1[count]}" ></div>

data里的数据（200个空）

color1:["", "", "", "","","" , "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", ""],

 

解决方法:

1.写个空标签，绑定个样式

<div :style="{color:colorStyle}"></div>

2.更改完color1里面的属性值后更改空标签的属性colorStyle随便写点什么让页面能更新

这样就出效果了

有什么其他办法请大佬们留言指导下 谢谢