watch - 如何在Vue 2中查看数据对象中的所有键

我的数据对象:

data: {
    selected: {
        'type': null,
        'instrument': null
    },

我的模板:

<select v-model="selected['instrument']" @change="switchFilter('instrument', $event)">
    <option v-for="instrument in instruments" :value="instrument.value">@{{ instrument.text }}</option>
</select>

<select v-model="selected['type']" @change="switchFilter('type', $event)">
    <option v-for="type in types" :value="type.value">@{{ type.text }}</option>
</select>

如何同时观看两个选定的索引？每当任何索引更新时，我都想做这样的事情:

watch: {
    selected: function(o, n) {
        ...
    }
}

最佳答案

您可以使用vue中watcher提供的deep选项。如文档中所述:



您的代码将如下所示:

watch: {
    'selected': {
        handler: function (val, oldVal) {
            console.log('watch 1', 'newval: ', val, '   oldVal:', oldVal)
        },
        deep: true
    }
}

关于watch - 如何在Vue 2中查看数据对象中的所有键，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41626565/