5 Star 4 Fork 1

OPU-FE / AntDesignVue-dataform

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

ant-design-vue-plugin

基于 Ant Design Vue 的 Form 表单组件进行封装,将复杂的表单渲染、验证、数据、控制等操作,变得只需要简单的配置一些参数就能获得。

一、安装

npm install --save ant-design-vue-dataform

二、引入

1、通过 Vue.use() 来全局注册组件

import DataForm from "ant-design-vue-dataform";
Vue.use(DataForm);

2、单文件内容引入

import { DataForm } from "ant-design-vue-dataform";
export default {
  components: {
    DataForm
  }
}

二、使用

<template>
    <data-form :content="content" @submit="handleSubmit"/>
</template>

<script>
import { DataForm } from "ant-design-vue-dataform";
export default {
  components: {
    DataForm
  },
  data() {
    return {
      content: [
        {
          label: "姓名",
          name: "name",
          option: {
            rules: [{ required: true, message: "Please input your name!" }]
          }
        },
        ...
      ]
    };
  },
  methods: {
    handleSubmit(values) {
      console.log(values);
    }
  }
};
</script>

空文件

简介

基于 AntDesign Vue 实现的高度可配置数据表单 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/OPU-FE/AntDesignVue-dataform.git
git@gitee.com:OPU-FE/AntDesignVue-dataform.git
OPU-FE
AntDesignVue-dataform
AntDesignVue-dataform
master

搜索帮助