<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做了之后,选择其中一个,两个都变成了空。我想实现的效果是选择其中一个,另一个变成“请选择”,该如何实现?
添加回答
举报
0/150
提交
取消