Radio
单选按钮
在一组中选定一个值,每个选项为互斥的
代码示例
基本使用
配合radioGroup组件,通过v-model绑定radio的值。value指定选中后的结果值;label或者无名slot指定显示的文字。
选项一
列表样式
通过type属性指定样式,可选值有list,展示为列表样式
选项一
设置禁用选项
disabled=true 将radio禁用
选项一
右对齐
align指定right,将右对齐。可选值有left,right。默认为left
项目经验
change事件
当v-model绑定的值发生改变时触发,回调参数为value的值
选项一
export default {
data () {
return {
radioValue5: 1
}
},
methods: {
handleChange (value) {
this.$toast({
position: 'bottom',
message: `您选择的值为 ${value}`,
duration: 500
})
}
}
}