Radio

单选按钮,demo


用法

<radio v-for="item in radioData1" name="radio1" :model.sync="radio1" :value="item" :label="item"></radio>
{
  data () {
    return {
      radioData1: ['选项1', '选项2', '选项3'],
      radio1: ''
    }
  }
}

API

参数 说明 类型 可选值 默认值
name 必须,相当于 input[type=radio] 的name String
value String
model radio 的model,相当于绑定在 input[type=radio] 上的 v-model String
label 标签 String
labelLeft 标签是否在左边 Boolean true/false false

事件

input-change

当 model 改变的时候出发 input-change 事件, 新的 model 会作为参数。 这个事件是为了配合 vuex 使用,可以从 vuex 改变 model