下面我就為大家分享一篇vue.js 取得select中的value實例,具有很好的參考價值,希望對大家有幫助。
如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="./vue.js"></script> </head> <body> <label id="app"> <select v-model="selected" > <option v-for="option in options" v-bind:value="option.value"> {{ option.text }} </option> </select> <span>Selected: {{ selected }}</span> </label> <script> new Vue({ el: '#app', data: { selected: 'A', options: [ { text: 'One', value: 'A' }, { text: 'Two', value: 'B' }, { text: 'Three', value: 'C' } ] } }) </script> </body> </html>
上面是我整理給大家的,希望今後會對大家有幫助。
相關文章:
關於在使用vue.js標籤屬性中插入變數參數的方法(詳細教學)
以上是在vue.js中如何取得select中的value值(詳細教學)的詳細內容。更多資訊請關注PHP中文網其他相關文章!