## [表單控件綁定](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> ~~~