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

观看 Vue.js

凯卡卡西

2020-03-13

我的数据对象：

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) {
        ...
    }
}

第1544篇《如何在Vue 2中查看数据对象中的所有键》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共1个回答
十三Mandy 2020.03.13

我认为您可以这样做：

watch: {
    $data: {
        handler: function(val, oldVal) {
            console.log(val)
        },
        deep: true
    }
},

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android