Radio

单选列表。

引入

import { Radio } from 'we-vue'

Vue.use(Radio)
1
2
3

例子

<template>
  <div>
    <wv-radio title="title" v-model="value" :options="options" @change="onChange"></wv-radio>
  </div>
</template>

<script>
  export default {
    data () {
      return {
        value: 'hello',
        options: [{
          label: 'label1',
          value: 'hello'
        },
        {
          label: 'label2',
          value: true
        },
        {
          label: 'label3 (disabled)',
          value: 'value3',
          disabled: true
        }]
      }
    },

    methods: {
      onChange (val) {
        console.log(val)
      }
    }
  }
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

API

参数 类型 说明 可选值 默认值
title String 标题,即左侧label
align String 对齐方式 'left','right' 'left'
options Array 选项
value String, Number, Object, Boolean 当前值
中国联通
20.45