vue中<select>绑定事件 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 <div id="app"> <select v-model="selectItem" @change="selectFn($event)"> <!--选择项的value值默认选择项文本 可动态绑定选择项的value值 更改v-model指令绑定数据--> <option v-for="item in items" :value="item.id">{{item.name}}</option> </select> <div>{{selectItem}}</div> <!--选择项的value值--> </div> <script> new Vue({ el: '#app', data: { selectItem: '分类1', items: [ {id:11, name: '分类1'}, {id:22, name: '分类2'}, {id:33, name: '分类3'} ] }, methods: { selectFn(e) { console.log(e) console.log(e.target.selectedIndex) // 选择项的index索引 console.log(e.target.value) // 选择项的value } } }) </script>