当前位置:   article > 正文

Ant Design Vue表单组件a-form-item-rest使用

a-form-item-rest

开发时碰到的一个小问题,在a-form-item中不止需要一个元素的时候,需要用到a-form-item-rest

报错信息:
Warning: [ant-design-vue: Form.Item] FormItem can only collect one field item, you haved set ACheckbox, ACheckboxGroup 2 field items.
You can set not need to be collected fields into a-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>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/很楠不爱3/article/detail/115553?site
推荐阅读
相关标签
  

闽ICP备14008679号