vue.js - vue组件渲染数据时报错

问题描述

问 题

这两个值我明明在页面上都渲染出来了，为何控制台还会报错？

<div class="user-info">
    <img class="avatar" width="20" height="20" :src="question.creator.avatar" alt="">
    <span class="nickname">{{question.creator.name}}</span>
</div>

data() {
  return {
    question: {},
    commentList: []
  }
}

解决方案

是最开始初始化的时候没有数据吧。。。

最开始渲染页面的时候是没有question.creator的。。。

你肯定是后面再给他赋值了，所以你页面渲染出来了。

最好把赋初值的代码放ready里面。如果不晓得是啥，看这个

望采纳。

这篇关于vue.js - vue组件渲染数据时报错的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！