首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
wyh19
掘友等级
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
287
文章 257
沸点 30
赞
287
返回
|
搜索文章
最新
热门
vue+element大型表单解决方案(10)--表单通信和动态表单
这个大型表单解决方案的本质在于将大表单拆分成多个子表单,这个在表单拆分篇中已经完整演示说明过;后面大量篇幅都是我在实践中遇到的附加需求,比如辅助锚点工具、数据比对等。实践中,不仅仅有演示中那些简单的表
vue+element大型表单解决方案(9)--数据比对(下)
上一篇实现了基本的数据比对,只是场景比较简单,比对的都是文本类控件的数据。这一篇将补充一些复杂控件的数据比对,比如select、radio、checkbox等,他们都有一个共同的特点,即value并不
vue+element大型表单解决方案(8)--数据比对(上)
表单数据比对并不是常见的需求,无非就是表单操作人员希望看到表单当前数据和变动之前的数据,当数据有差异时,给出提示并能查看之前的数据,很有点类似代码比对的意思。事实上本篇介绍的是简单表单的数据比对,不规
vue+element大型表单解决方案(7)--表单形态
表单一般分为新增、编辑和详情(本系列还多一种自创需求的比对形态)等使用形态,根据不同的业务形态,表单可能会有不同的逻辑和状态,比如新增使用空的初始化数据,编辑和详情需要回显数据,详情表单项不可修改,比
vue+element大型表单解决方案(6)--自动标识
上一篇实现了保存时校验表单,并把未通过的子表单标识在锚点中。美中不足的是,标记不会随表单填写自动标记,这给用户带来一定的困扰,这一篇将实现在锚点中自动标识表单的状态。
vue+element大型表单解决方案(5)--校验标识
之前花了两篇的篇幅完成了锚点组件,最开始设计锚点组件的目的只是为了辅助滚动大型表单的页面内容。由于是自主实现,进一步驱动我挖掘这个表单解决方案更多的可能性。首先我想到的是如果子表单校验失败,能在锚点上
vue+element大型表单解决方案(4)--锚点组件(下)
上一篇基本实现了锚点组件的功能,还剩一些优化和功能升级留在这一篇中完成。首先是把样式优化下,使得接近百度百科的样式效果;其次在使用组件时用到了v-if="pageBlock"这个判断,需要隐藏下细
vue+element大型表单解决方案(3)--锚点组件(上)
上一篇提到如何拆分表单,事实上拆分表单不仅仅是技术上的需求,也是业务上的需要。业务上将表单分成多个章节,每个章节(section)有自己的标题,此时就需要有锚点(anchor)能快速定位到该章
vue+element大型表单解决方案(2)--表单拆分
从这篇开始,我就逐步去实现概览中演示的表单效果。平时我们写表单时,都是一个表单写一个组件,保存时使用el-form提供的validate方法进行校验,当任何一个表单项校验失败时,阻止表单提交;
vue+element大型表单解决方案(1)--概览
前言 最近在工作中遇到一个超级庞大的表单需求,为了更好地实现以及给用户提供更好的体验,我设计了一个大型表单的解决方案,在实现过程中还得到一些衍生产出,可以说是对vue高级特性的一次全方位应用,因此通过
下一页
个人成就
文章被点赞
256
文章被阅读
49,843
掘力值
1,332
关注了
86
关注者
130
收藏集
6
关注标签
11
加入于
2020-09-22