在AXIOS之后更新静态？ VUE JS

Question

我在使用vue时遇到了一些问题：

我有一个元素列表

  

v-for（数组中的项目）

我从

的Axios（从API）获得的数组

  

created（）{}

我脚本的一部分。在我的模板中，我有一个静态变量。

  

{{colors.green [this.number]}}

然后！呈现模板后（在axios.post之后），此静态变量不会出现。 所以，我认为，我需要更新此var或DOM。或者，也许还有另一种方式。。您对此有何看法？谢谢！

更新。仍然无法解决

Params

List

DOM

Answer 1

您不能在模板中使用外部变量，如果需要在模板中使用全局变量，则需要将其包装在data变量中。

{
    data: function(){
        return {
            colors: colors
        };
    }
}

之后，它应该立即呈现。

Answer 2

已解决。使用的功能：

DOM

Function