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', '