小编Joh*_*Doe的帖子

我正在使用Vue JS制作具有一个通用列表项组件的列表。如果不存在满足正确类型的通用组件，则将使用自定义组件。

 <email-queue-item v-for="item in queue"
                          :key="item.id"
                          :item="item"
                          v-if="type == 'EmailMessage'"></email-queue-item>
        <queue-item v-for="item in queue"
                          :key="item.id"
                          :item="item"
                          v-else></queue-item>

上面的代码更好地说明了我正在尝试做的事情。我似乎遇到的问题是到期循环首先创建两个列表，然后检查条件列表。是否有办法在类型上选择正确的组件花瓶，然后遍历列表？

用于显示这些组件的数据如下所示：

{
    name: Email,
    type: EmailMessage,
    data:[
        {...},
        {...},
        ...
    ]
}

我现在正在开发一个组件,它有一个名为项目的道具,我需要注意更改.到目前为止我有一个这样的手表:

watch:{
   item(newVal, oldVal) { // watch it
     console.log('Prop changed: ', newVal, ' | was: ', oldVal)
   }
}

该项目获得带有新时间戳的按钮单击的更新.在Vue dev工具中,我可以看到prop正在使用值进行更新,但是观察者无法正常工作,我甚至没有收到日志消息.