Skip to content

基于Vue2+AntD的「表单/表格」的解决方案

Notifications You must be signed in to change notification settings

RainyNight9/you-want

Repository files navigation

logo

「表单/表格」开箱即用的解决方案。该组件库是在 Vue2 + Ant Design Vue 的基础进行二次开发的,所以项目必须是vue2+ antd架构(其他版本敬请期待...)。现主要收录了常用的几个组件。如果大家有其它组件需求,都可以给我提,我努力完成...

快速上手

首先,安装组件库

npm install you-want
#
yarn add you-want
#
pnpm install you-want

接着,在项目入口文件 main.js 注册组件

import YouWant from 'you-want'

Vue.use(YouWant.YFormList)
Vue.use(YouWant.YSearchTable)
Vue.use(YouWant.YSearchForm)

最后,就可以在页面或组件里边直接使用

<template>
  <div class="">
    <!-- 带检索功能的表格 -->
    <y-search-table
      :FormProps="FormProps"
      :FormListColumns="FormListColumns"
      :TableColumns="columns"
      :TableData="data"
      :TableProps="TableProps"
    ></y-search-table>
    <!-- 表单列表组件 -->
    <y-form-list 
      ref="formListRef" 
      :FormListColumns="FormListColumns"
    >
    </y-form-list>
  </div>
</template>

使用说明

  • YFormList --- 让表单简单化,配置一下就可以

  • YSearchTable --- 让表格固定化,做自己业务就好

  • YSearchForm --- 让检索适配化,大小屏通吃

Change Log

  • 2021.10.28——v1.0.0
    • 第一次发布

License

About

基于Vue2+AntD的「表单/表格」的解决方案

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published