<template>
  <div>
    <wl-radio :options="options1" required v-model="sex"></wl-radio>
    <p>您选中的性别值是：{{sex}}</p>
    <wl-radio :options="options2" radio-button v-model="city"></wl-radio>
    <p>您选中城市的值是：{{city}}</p>
  </div>
</template>
<script>
export default {
  name: 'radio-demo-01',
  data () {
    return {
      sex: '',
      city: ''
    }
  },
  computed: {
    options1 () {
      return [
        { label: '男', value: 1 },
        { label: '女', value: 0 }
      ]
    },
    options2 () {
      return [
        { label: '北京', value: 'beijing' },
        { label: '上海', value: 'shanghai' },
        { label: '广州', value: 'guangzhou' },
        { label: '深圳', value: 'shenzhen' }
      ]
    }
  }
}
</script>