uniapp 表单页面_uni-app 表单控件绑定

支持 Vue官方文档小白教程网：表单控件绑定。

建议开发过程中直接使用 uni-app：表单组件。用法示例

小白教程网www.2d5.net：

H5 的select 标签用 picker 组件进行代替

当前选择：{{array[index]}}

export default {

data () {

return {

index: 0,

array: ['A', 'B', 'C']

}

},

methods: {

bindPickerChange (e) {

console.log(e)

}

}

}

表单元素 radio 用 radio-group 组件进行代替

 {{item.value}}

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)

}

}

}

v-html指令

App端(vue页面V3编译模式)和H5端支持v-html，其他端不支持v-html。