分享一下我的v-form组件

轩陌

分类: 前端相关 410 6

一些吐槽

vue在做移动端开发的时候,有很多表单需要处理,移动端用的是有赞的vant-ui组件库,其中对于表单组件的调用方式感觉有点繁琐。

比如以下示例,选择器组件一共需要调用三个组件,并且三个组件的数据关联还需要自己处理,一个页面的表单有多个,这个代码就不好维护了,于是就自己打算基于vant封装一个表单组件,让数据处理、组件调用不那么麻烦。

组件简介

Github仓库:https://github.com/xuanmos/v-form

Npm地址:https://www.npmjs.com/package/@xuanmo/v-form

目前只是集成了常用的组件(Address/Chackbox/DatePicker/Input/Radio/Select/Text/Switch/Upload),其他组件还在完善中;

组件的调用方式采取json配置的形式;

校验规则已经集成VeeValidate插件,也可以自定义扩展规则,关于插件的说明: https://logaretm.github.io/vee-validate

在线预览可访问:https://codesandbox.io/s/v-formshili-3hs2c

假装结束,欢迎各位大佬给意见

  • 6人 Love
  • 2人 Haha
  • 2人 Wow
  • 0人 Sad
  • 1人 Angry
vant-ui、Vue、vue表单组件

作者简介:轩陌

打赏

生命的意义在于折腾。

共 6 条评论关于 “分享一下我的v-form组件”

Loading...