Php 为什么vue组件说数据中没有变量？

这是我的Axios组件

<template>
    <div>
        <div class="comment">
            <div class="body">
                <p>{{fulluser.name}}</p>
            </div>

            <img class="image" :src="userimg" alt="" width="50px" height="50px">
        </div>

    </div>
</template>

<script>
    import axiosRetry from 'axios-retry';
    export default {
        name: "commentcomponent",
        props:
        [
            "comment"
        ],
        data()
        {
            return{
                fulluser:null
            }
        },
        computed:
            {
                userimg()
                {
                    return "/images/"+this.fulluser.image;
                }
            },
        created() {
            // axiosRetry(axios, { retries: 5 });
            axios.get("/comment/userimage/"+this.comment.id)
                .then(res=>
                {
                    this.fulluser=res.data;
                    console.log(this.fulluser.id)

                })
        },
        methods:
            {
                userimg()
                {
                    return "/images/"+this.fulluser.image;
                }
            }
    }
</script>

{{fulluser.name}

从“axios重试”导入axiosRetry；
导出默认值{
名称：“评论组件”，
道具：
[
“评论”
],
数据（）
{
返回{
fulluser:null
}
},
计算：
{
userimg（）
{
返回“/images/”+this.fulluser.image；
}
},
创建（）{
//axiosRetry（axios，{retries:5}）；
get（“/comment/userimage/”+this.comment.id）
。然后（res=>
{
this.fulluser=res.data；
console.log（this.fulluser.id）
})
},
方法：
{
userimg（）
{
返回“/images/”+this.fulluser.image；
}
}
}

当我打开浏览器时，它工作正常，但当我检查它时，会出现此错误

• app.js:44975[Vue warn]：呈现时出错：“TypeError:无法读取null的属性“name”

但它在浏览器中工作，它给我所有的图像和名称

---

如何解决此问题？

调用axios是异步的。这意味着在初始化

fulluser

值之前呈现组件。 因此，您需要考虑 FulfUs> <代码>何时为空，即使它可能是一个短周期。

<p>{{fulluser && fulluser.name || ''}}</p>

---

该问题已修复，但现在它说计算属性“userimg”已分配给，但它没有setter

data()
{
   return{
      fulluser: {
         name: ''
      }
   }
},