Vue.js vuejs在axios之后未更新

模板：

{{this.phonelist.length}

//原来是

1

，axios调用后应该是

2

脚本：

从“axios”导入axios；
导出默认值{
数据：函数（）{
返回{
电话列表：[
{
名称：“测试”
}
]
},
方法：{
auth（）{
var self=这个；
//领取代币
axios
.邮政(
“API_URL”，
{
标题：{
接受：“应用程序/json”
}
}
)
.then（功能（数据）{
const token=data.data.data.token；
self.getList（令牌）；
})
.catch（函数（错误）{
console.log（“错误”，Error）；
});
},
getList（令牌）{
axios
.get（get_LIST_API{
标题：{
授权：“持票人”+代币
}
})
.then（功能（数据）{
常数列表=data.data.data；
console.log（list）；//[{name:“user1”}，{name:“user2”}]
self.phonelist=列表；
console.log（self.phonelist）；
})
.catch（函数（错误）{
console.log（“错误”，Error）；
});
}
},
安装的（）{
this.auth（）；
}
};

---

console.log

显示数据的格式正确，但在前端数据没有变化。

phonelist

是一个对象数组。

您在

getList

中使用的是

self

，但您没有在该方法中声明它。

您在

getList

中使用的是

self

但是您没有在该方法中声明它。

您是否也向您要渲染的元素添加了一个

键

属性？@Ifaruki也尝试了，没有任何更改。您还向您要渲染的元素添加了一个

键

属性？@Ifaruki也尝试了，没有任何更改changed@bboy你有没有看一下conso乐乐？它应该给你一个error@bboy你也看过控制台了吗？它会给你一个错误