所有栏目 | 云社区 美国云服务器[国内云主机商]
你的位置:首页 > 云社区 » 正文

如何用vue来进行表单的验证?

发布时间:2020-04-15 16:41:30

资讯分类:vue  表单  何用  验证  表单  大师  组合
如何用vue来进行表单的验证?

做表单可以用表单大师来实现,不用写代码,用表单大师提供的现有字段进行拖拉组合就可以了。

如何用vue来进行表单的验证?

我是用无状态组件解决的。使用vue。

现在的ng,vue,react之类的 只要组件带有私有状态了,在复杂的场景下都难以控制。往往需要借助redux,vuex 把状态都共享出去,这样的弊端就是——组件不纯了,可复用性降低,使用成本提高了。vue,react 之流并不适合无状态组件,一般来说组件自身的状态发生变化只渲染自个,如果把状态抽离,那可能就会渲染所有的组件了。但是我管不了那么多了,能优美的完成业务比损失少量性能要重要的多。 我把所有的数据都放到最外层,通过input事件和value属性控制数据流,幸运的是性能并没有下降多少,依然很流畅。


说下我的表单, 大概有5类不同展示的表单汇聚成一个页面,表单字段有上百个,同一个页面中,可以分块保存,也不乏有组件关联组件,也有几个是可编辑表格,大概有上传图片,图片控制,复制,删除功能。还有一些奇奇怪怪的组件,提交的时候从表单上数据能达到上千个(不算表单验证的部分)。

说下我的无状态组件。 这里无状态组件并不是组件只写展示层。实际上,展示,控制,请求接口之类逻辑都有。这样维护和管理起来比较方便,通过外层调用来组装。也就是说组件自身的逻辑放到组件自己身上,运行的时通过外层调用将数据在外层,外层可以访问子组件,子组件访问不了外层组件。可能会让你感到不爽的地方是需要使用不可变数据来传递给外层,改变数据从新渲染。

为此我专门写过文章 优美的使用Vue工作 文笔写的不是很好,但重在描述思路。。。 感兴趣的可以将就着看。

留言与评论(共有 0 条评论)
   
验证码:
Top