javascript - vue中父组件向子组件传递Object时，如何避免TypeError？

问题描述

问 题

父组件
<father :data="data"></father>
 data() {
      return {
        data: {}
      }
 }

 mounted() {
   this.data = {
     title: '标题'
   }
 }

 子组件
 <son>{{data.title}}<son>
  props: {
  data: Object,
}

报错: title属性 undefined

解决方案

<son v-if="data">{{data.title}}<son>

这篇关于javascript - vue中父组件向子组件传递Object时，如何避免TypeError？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！