Radio 单选框 #

<template>
  <div>
    <Radio v-model="the.data" :value="1" @onEvent="onBtnRadio">是</Radio>

    <Radio v-model="the.data" :value="0" @onEvent="onBtnRadio" />
    否0
  </div>
</template>

<script>
export default {
  setup(props, context) {
    // 使用外挂方式引入，具体查看demo
    const $plus = window.$plus;
    const reactive = $plus.vue.reactive;

    const the = reactive({
      data: {
        bool: false,
      },
    });

    const onBtnRadio = (res) => {
      console.log(res);
    };
    return { the, onBtnRadio };
  },
};
</script>

<template>
  <div>
    <RadioGroup v-model="the.data" :list="the.radioGroupList" />
  </div>
</template>

<script>
export default {
  setup(props, context) {
    // 使用外挂方式引入，具体查看demo
    const $plus = window.$plus;
    const reactive = $plus.vue.reactive;

    const the = reactive({
      data: 2,
      radioGroupList: {
        0: '初始',
        1: '正常',
        2: '已审',
        3: '撤审',
        4: '删除',
      },
    });

    return { the };
  },
};
</script>