vue中报错 [Vue warn]: Error in render: "TypeError: Cannot read property 'avatar' of undefined"

vue中报错 [Vue warn]: Error in render: "TypeError: Cannot read property 'avatar' of undefined"，如下图：

 

这时候你就要检查下你的项目中template模板中是否有用到了没有定义的数据。

举个例子：

在我的template模板中有这么一段dom

<img :src="dataDetail.ask.avatar" />

然后，我的data是这样的

data () {
  return {
    dataDetail: {}
  }
},

那么，你会发现你的data中只有一个空的dataDetail对象，而在页面中的数据使用是dataDetail.ask.avatar

虽然dataDetail中的数据是从服务器请求回来的，而且里面也存在ask，因为是异步请求，然而在页面初步渲染的时候是获取不到ask的 

this.dataDetail = res.data

解决方法：

data () {
  return {
    dataDetail: {
      ask: {}
    }
  }
},