Question

我有一个显示用户信息的地方，当页面刷新时，我从ajax调用中读取用户信息并设置用户信息数据。但是由于axios调用过程耗时，因此在DOM渲染后执行数据设置。

HTML：

<form action="@Url.Action("Ficha", "Utilizador")" method="post" @@submit="grava">

vue.js：

<div> {{user.name}} </div>

刷新页面后，出现此错误：

data: function(){
 return {
   user: {},
   }
},

methods: { 

getUserInfo() {
   axios.post(laroute.route('link'), data).then((response) => {
      this.$set(this, 'user', response.data.user);
        },
 },

 mounted() {

        this.getUserInfo();
    }

Answer 1

我无法添加评论。您可以尝试更改：

已安装，已创建和 this。$ set（this，'user'，response.data.user）;对于用户= response.data.user

无论如何，您可以console.log记录通话结果吗？

Vue js在ajax调用后设置数据

1 个答案: