MyUI表单VcForm组件文档

VcForm 表单组件套件

下面我将为您提供一套精美的表单组件，包括表单容器、输入框、选择器、单选框、复选框等，并介绍如何在 Vue 项目中引入和使用。

1. 表单组件代码

1.1 表单容器 (VcForm.vue)

<template><form class="vc-form":class="[`vc-form--${labelPosition}`, { 'vc-form--inline': inline }]"@submit.prevent="handleSubmit"><slot></slot></form>
</template><script>
export default {name: 'VcForm',props: {model: {type: Object,required: true},rules: {type: Object,default: null},labelPosition: {type: String,default: 'right',validator: value => ['left', 'right', '