Radio 单选框

基础用法

1 2

<pd-radio v-model="radio" label="选项1">1</pd-radio>
<pd-radio v-model="radio" label="选项2">2</pd-radio>

<script>
  export default {
    data() {
      return {
        radio: "选项1",
      };
    },
  };
</script>

显示代码 复制代码 复制代码

单选框组

在pd-radio-group中绑定v-model，在pd-radio中设置好label即可，无需再给每一个pd-radio绑定变量

<pd-radio-group v-model="radio">
  <pd-radio label="选项1"></pd-radio>
  <pd-radio label="选项2"></pd-radio>
  <pd-radio label="选项3"></pd-radio>
</pd-radio-group>
<script>
  export default {
    data() {
      return {
        radio: "选项1",
      };
    },
  };
</script>

显示代码 复制代码 复制代码