## [表单控件绑定](https://uniapp.dcloud.io/use?id=%e8%a1%a8%e5%8d%95%e6%8e%a7%e4%bb%b6%e7%bb%91%e5%ae%9a) 支持[Vue官方文档：表单控件绑定](https://cn.vuejs.org/v2/guide/forms.html)。 建议开发过程中直接使用[uni-app：表单组件](https://uniapp.dcloud.io/component/button)。用法示例： H5 的select 标签用 picker 组件进行代替 ~~~ <template> <view> <picker @change="bindPickerChange" :value="index" :range="array"> <view class="picker"> 当前选择：{{array[index]}} </view> </picker> </view> </template> <script> export default { data () { return { index: 0, array: ['A', 'B', 'C'] } }, methods: { bindPickerChange (e) { console.log(e) } } } </script> ~~~ 表单元素 radio 用 radio-group 组件进行代替 ~~~ <template> <view> <radio-group class="radio-group" @change="radioChange"> <label class="radio" v-for="(item, index) in items" :key="item.name"> <radio :value="item.name" :checked="item.checked"/> {{item.value}} </label> </radio-group> </view> </template> <script> export default { data () { return { items: [ {name: 'USA', value: '美国'}, {name: 'CHN', value: '中国', checked: 'true'}, {name: 'BRA', value: '巴西'}, {name: 'JPN', value: '日本'}, {name: 'ENG', value: '英国'}, {name: 'TUR', value: '法国'} ] } }, methods: { radioChange (e) { console.log('radio发生change事件，携带value值为：', e.target.value) } } } </script> ~~~