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-07-26 14:15 作者:秦永莲