Checkbox 多选框 #

<template>
  <Checkbox value="all" @onEvent="onCheckEvent" /> 全选
  <Checkbox
    v-for="(item, index) in the.typeList"
    :named="'check_' + index"
    :key="index"
    v-model="the.typeCk"
    :value="index"
  >
    {{ item }};
  </Checkbox>
</template>

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

    const the = reactive({
      typeCk: [3],
      typeList: ['初始', '正常', '已审', '撤审', '删除'],
    });

    const onCheckEvent = (resp) => {
      console.log('onCheckEvent:', resp);

      //{ cmd: "check", named: "check_2", id: "check_2_WqrvhfyD", value: 2, checked: true }
      // { cmd: "check", named: "check_0", id: "check_0_UKEueUBf", value: 0, checked: false }
      //resp.value 是组件自定义绑定值，根据实际应用定义
    };

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