您的位置:首页技术文章
文章详情页

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

【字号: 日期:2023-04-10 15:22:39浏览:43作者:猪猪

问题描述

父组件<father :data='data'></father> data() { return {data: {} } } mounted() { this.data = { title: ’标题’ } } 子组件 <son>{{data.title}}<son> props: { data: Object,}报错: title属性 undefined

问题解答

回答1:

<son v-if='data'>{{data.title}}<son>回答2:

你一开始的 data 就应该给 title 属性

回答3:

写法是没问题的,https://jsfiddle.net/stardew/...

标签: JavaScript