碼上快樂
1秒登錄
首頁
榜單
標簽
關於
搜索
相關內容
簡體
繁體
vue中
綁定事件 本文轉載自 查看原文 2019-04-03 18:17 15498 <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> × 免責聲明！ 本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。 猜您在找 jsx中給VUE綁定事件 vue select綁定 vue select change事件 vue for 綁定事件 vue中綁定div中的添加監聽事件無效 vue中mounted/created中綁定事件的小坑 VUE中如何優雅的動態綁定長按事件 解決在VUE中綁定WebSocket事件無法傳值的問題 vue入門：屬性綁定與事件綁定 vue select框change事件 粵ICP備18138465號 © 2018-2025 CODEPRJ.COM
