Ant Design Vue表单组件a-form-item-rest使用
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue

·
开发时碰到的一个小问题,在a-form-item中不止需要一个元素的时候,需要用到a-form-item-rest
报错信息:
Warning: [ant-design-vue: Form.Item] FormItem can only collect one field item, you haved setACheckbox
,ACheckboxGroup
2 field items.
You can set not need to be collected fields intoa-form-item-rest
解决办法
<a-form-item class="customerDetail-from-item" label="分配角色" name="fenpeijuese" ref="fenpeijuese">
<a-checkbox
v-model:checked="data.checkAll"
:indeterminate="data.indeterminate"
@change="onCheckAllChange"
>
Check all
</a-checkbox>
<a-divider />
<!-- 用这个组件包含额外的元素就行了 -->
<a-form-item-rest>
<a-checkbox-group v-model:value="data.checkedList" :options="plainOptions" />
</a-form-item-rest>
</a-form-item>




vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:17 天前 )
9e887079
[skip ci] 11 个月前
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 1 年前
更多推荐
所有评论(0)