在vue.js中如何获取select中的value值(详细教程)
程序员文章站
2022-03-28 09:12:12
...
下面我就为大家分享一篇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值(详细教程)的详细内容,更多请关注其它相关文章!
上一篇: 在vue中如何实现类似淘宝星级评分
下一篇: linux怎么打开zip文件
推荐阅读
-
vue.js 获取select中的value实例
-
php中select获取val的值如何传给sql语句
-
在vue中如何使用cropperjs的方法(详细教程)
-
ASP中SELECT下拉菜单同时获取VALUE和TEXT值的实现代码
-
在一个form表单中,存在多个select,递交到后台文件后,怎么获取到这几个select被选中的值?
-
在Vue组件中如何使用 TypeScript的方法(详细教程)
-
vue elementui中,el-select多选下拉列表中,获取:value和:label的值
-
在一个form表单中,存在多个select,递交到后台文件后,怎么获取到这几个select被选中的值?
-
在vue.js中如何获取select中的value值(详细教程)
-
如果是html中的标签value值,那么我怎么在php中获取?