Radio

在一组备选项中进行单选。Demo

引入

import { Radio, RadioList } from 'vue-pmui';
// 全局使用
Vue.component(Radio.name, Radio);
Vue.component(RadioList.name, RadioList);

// 或者
Vue.use(Radio);
Vue.use(RadioList);

例子

export default {
  data() {
    return {
      value: '',
      options: [
        { label: '士多啤梨', value: 'strawberry' },
        { label: '苹果', value: 'apple', disabled: true },
        { label: '橙', value: 'orange' }
      ]
    };
  }
};

RadioList

<pm-radio-list v-model="value" :options="options"/>

RadioList - 左对齐

<pm-radio-list align="left" v-model="value" :options="options"/>

单独使用

<pm-radio label="strawberry" v-model="value"> 士多啤梨 </pm-radio>
<pm-radio label="apple" v-model="value" disabled> 苹果 </pm-radio>
<pm-radio label="orange" v-model="value"> 橙 </pm-radio>

Props

Radio

RadioList

RadioList - options

Slots

Radio

Events