vue.js 获取select中的value vue.js 获取select中的value实例
janfly79 人气:1想了解vue.js 获取select中的value实例的相关内容吗,janfly79在本文为您仔细讲解vue.js 获取select中的value的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:vuejs获取select的值,下面大家一起来学习吧。
如下所示:
<!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 获取select中的value实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
加载全部内容