猿问

vue两个select用一个字段绑定出现的问题?

<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做了之后,选择其中一个,两个都变成了空。我想实现的效果是选择其中一个,另一个变成“请选择”,该如何实现?


凤凰求蛊
浏览 1175回答 2
2回答
随时随地看视频慕课网APP

相关分类

Vue.js
我要回答