<div id="app"> <select v-model="cur" @change="show"> <option value>请选择</option> <option :value="item.id" v-for="item in arr">{{item.text}}</option> </select> <select v-model="cur" @change="show"> <option value>请选择</option> <option :value="item.id" v-for="item in arr2">{{item.text}}</option> </select> </div>var vm = new Vue({ el: '#app', data: { cur: '', arr:[ {id: 1,text:'hhh'}, {id: 2,text:'xxx'} ], arr2:[ {id: 3,text:'a3'}, {id: 4,text:'a4'} ] }, methods: { show: function() { console.log(this.cur) } } })
页面中有两个选项用一个字段,使用vue做了之后,选择其中一个,两个都变成了空。我想实现的效果是选择其中一个,另一个变成“请选择”,该如何实现?
相关分类