Предположим, у меня есть массив feedsArray
, примерное значение может выглядеть так:
this.feedsArray = [
{
id: 1,
type: 'Comment',
value: 'How are you today ?'
},
{
id: 2,
type: 'Meet',
name: 'Daily sync up'
}
]
Предположим, я зарегистрировал два компонента: Comment
и Meet
. Каждый компонент имеет следующую настройку реквизита:
props: {
feed: Object
}
а главная компонента имеет следующее определение:
<component v-for="feed in feedsArray" :feed="feed" :key="feed.id" :is="feed.type"></component>
Как видите, он использует свойство is
для выбора другого компонента. Мой вопрос: как обнаружить изменение объекта фида в дочернем компоненте? Например, когда я установил
this.feedsArray[0] = {
id: 1,
type: 'Comment',
value: 'I am not ok'
}
Как компонент Comment
может обнаружить изменения? Я попытался добавить определение наблюдателя в дочерний компонент следующим образом:
watch: {
feed: {
handler (val) {
console.log('this feed is changed')
},
deep: true
}
},
Но здесь это не работает. Кто-нибудь знает, как это решить?