select动态绑定vue.js
2016-10-09 09:43
731 查看
动态选项,用
v-for渲染:
<select v-model="selected"> <option v-for="option in options" v-bind:value="option.value"> {{ option.text }} </option> </select> <span>Selected: {{ selected }}</span>
new Vue({ el: '#demo', data: { selected: 'A', options: [ { text: 'One', value: 'A' }, { text: 'Two', value: 'B' }, { text: 'Three', value: 'C' } ] } })
相关文章推荐
- 详解Vue.js动态绑定class
- vue.js选中动态绑定的radio的指定项
- vue.js双向绑定之--select获取text
- vue.js通过子组件通信和父子组件通信实现动态表单动态绑定事件(适合交互系统统一使用)
- vue.js给动态绑定的radio列表做批量编辑的方法
- vue.js动态数据绑定学习笔记
- 【前端】vue.js实现按钮的动态绑定
- vue.js删除动态绑定的radio的指定项
- vue.js-动态绑定class
- vue.js删除动态绑定的radio的指定项
- VueJS Element-UI el-select 多选情况下绑定值的问题
- vue.js父子组件通信动态绑定
- Vue.js入门学习--选择菜单select的绑定(七)
- vue.js给动态绑定的radio列表做批量编辑
- vue.js选中动态绑定的radio的指定项
- vue.js动态数据绑定学习
- 详解Vue.js动态绑定class
- vue.js父子组件通信动态绑定的实例
- Vue.js 动态绑定class
- Vue.js实现按钮的动态绑定效果及实现代码