Checkbox

多选框。

说明

组件API详细内容请参考:https://www.antdv.com/components/checkbox-cn

JeCheckboxGroup新增属性

  • 属性说明:
参数名 类型 必填 默认值 说明
cols string 组内列数,范围:[1, 2, 3, 4, 6, 12, 24]
configInfo string 功能字典配置项
wrap boolean false 数据项换行
align string flex 布局下的垂直对齐方式:top middle bottom
justify string flex 布局下的水平排列方式:start end center space-around space-between

使用方法

  • 代码示例:

    // 在script标签中按需引入
    import { Checkbox } from '@jecloud/ui';
    import { reactive } from 'vue';
    export default {
      components: {  CheckboxGroup: Checkbox.Group  },
      setup() {
        const formState = reactive({item4: '' });
        const dicCode = 'JE_FUNC_XTYPE,item2~item3,code~code';
        return {
          formState,
          dicCode,
        };
      },
    };
    // 在vue的template标签中
    <CheckboxGroup
      v-model:value="formState.item4"
      :options="['Apple', 'Pear', 'Orange'].map((item) => ({ label: item, value: item }))"
    />
  • 事件脚本示例:

    const { Checkbox } = JE.useUi(); 
    const { h,ref }= JE.useVue();
    const checkedValue = ref(false);
    return h(Checkbox, {value: checkedValue.value,'onChange': function (val) {
      checkedValue.value = val;
    },},checkedValue.value);
  • 注意:

最后编辑: 秦永莲  文档更新时间: 2024-08-08 13:51   作者:秦永莲