Radio

单选列表。

引入

  1. import { Radio } from 'we-vue'
  2. Vue.use(Radio)

例子

  1. <template>
  2. <div>
  3. <w-radio title="title" v-model="value" :options="options" @change="onChange"></w-radio>
  4. </div>
  5. </template>
  6. <script>
  7. export default {
  8. data () {
  9. return {
  10. value: 'hello',
  11. options: [{
  12. label: 'label1',
  13. value: 'hello'
  14. },
  15. {
  16. label: 'label2',
  17. value: true
  18. },
  19. {
  20. label: 'label3 (disabled)',
  21. value: 'value3',
  22. disabled: true
  23. }]
  24. }
  25. },
  26. methods: {
  27. onChange (val) {
  28. console.log(val)
  29. }
  30. }
  31. }
  32. </script>

API

参数类型说明可选值默认值
titleString标题,即左侧label
alignString对齐方式'left','right''left'
optionsArray选项
valueString, Number, Object, Boolean当前值