index.vue 715 B

123456789101112131415161718192021222324252627
  1. <template>
  2. <div class="hc-page-box">
  3. <HcCard title="表单组件测试">
  4. <hc-form-checkbox-group :datas="['1','2']" :objs="[{key: '3',name: '复选框3'}, {key: '4',name: '复选框4'}]" :val="formData.key_1__9_1" keyname="key_1__9_1" @change="checkboxGroupChange"></hc-form-checkbox-group>
  5. </HcCard>
  6. </div>
  7. </template>
  8. <script setup>
  9. import { ref } from "vue";
  10. import HcFormCheckboxGroup from "~com/plugins/table-form/hc-form-checkbox-group.vue"
  11. const formData = ref({
  12. key_1__9_1: '1,2'
  13. })
  14. const checkboxGroupChange = (val, key) => {
  15. console.log(val)
  16. console.log(key)
  17. console.log(`formData.${key} = ${val}`)
  18. }
  19. </script>
  20. <style lang="scss" scoped>
  21. </style>