我有一个显示用户信息的地方,当页面刷新时,我从 ajax 调用中读取用户信息并设置用户信息数据。但是由于 axios 调用的耗时过程,数据设置是在 DOM 渲染之后执行的。
HTML:
<div> {{user.name}} </div>
vue.js :
data: function(){
return {
user: {},
}
},
methods: {
getUserInfo() {
axios.post(laroute.route('link'), data).then((response) => {
this.$set(this, 'user', response.data.user);
},
},
mounted() {
this.getUserInfo();
}
刷新页面后我得到这个错误:
"TypeError: Cannot read property 'name' of undefined"
最佳答案
我无法添加评论。你可以尝试改变:
为创建安装 和 this.$set(this, 'user', response.data.user);对于用户 = response.data.user
无论如何,你可以控制台记录调用结果吗?
关于javascript - Vue js在ajax调用后设置数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51021291/