v-u-e中＜select＞绑定事件

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>