radio与select的选项值类似,同样配置options属性,可配置对象也可配置数组

您选中的性别值是:

您选中城市的值是:

<template>
  <div>
    <pl-radio :options="options1" required v-model="sex"></pl-radio>
    <p>您选中的性别值是:{{sex}}</p>
    <pl-radio :options="options2" radio-button v-model="city"></pl-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>
显示代码