element ui的使用
文章平均质量分 56
lf811
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
element table表格实现多列排序并清除排序
业务需求如下1.点击的单个进行排序时,要求isAsc对应当前字段的排序顺序;值ascending,descending,null三种情况;若指定了列对应的prop,没有指定order的话,默认ascending;2.多列同时排序的话,要求isAsc对应最后点击的字段对应的排序顺序;orderByColumn字段格式orderByColumn:'字段1+' '+字段1对应的排序顺序,字段2+' '+字段2对应的排序顺序,..最后点击的字段'原创 2022-11-11 15:45:00 · 4579 阅读 · 1 评论 -
表单嵌套表格,实现表格行内表单的校验
随着element ui的使用,很多业务场景的实现,往往需要多个组件嵌套使用来实现;前段时间,为了实现表格中的每一行的数据进行校验的同时实现添加多个的需求;原创 2022-11-09 10:27:47 · 2234 阅读 · 1 评论 -
element表格中的合并行或列
官方代码可以看出, 如果想要合并当前指定的单元格 需要指定合并的rowspan: 合并的行 colspan: 合并的列当直接设置为0的时候就不会显示。因此当指定不同的rowspan 和 colspan的时候就可以设定满足条件的合并单元格。该函数可以返回一个包含两个元素的数组,第一个元素代表。方法可以实现合并行或列,方法的参数是一个对象,里面包含当前行。eg:同一个安全组名称下的不同的规则,需要公用安全组这个字段。因此可以通过一个数组记录每行的合并状态。1.通过数组记录每一行的状态。也可以返回一个键名为。原创 2022-11-04 14:45:35 · 5897 阅读 · 1 评论 -
给el-form-item,添加key的场景
在 el-form-item 中添加一个属性key,key的值是唯一的(一般key和prop写一样的内容即可,因为rules里面的东西不能重复定义,所以肯定是唯一的。v-if在操作dom的时候,在根节点进行的删减,而element在封装的时候没考虑这块,导致rules判断的时候,无法取到v-if添加进来的prop值;没走到校验里面(拿不到输入的内容);2.选择不同的账号类型,下面对应的表单项不同,但存在公用同一个字段的情况;1.先将表单对应的字段值,进行置空(存在字段公用的情况,避免值,缓存);原创 2022-09-22 14:10:06 · 1910 阅读 · 1 评论 -
el-table嵌套el-form表单的案例
element ui表格嵌套表单实现添加编辑,校验原创 2022-09-13 15:21:08 · 2550 阅读 · 0 评论 -
图片选择/手动上传upload
form表单有关图片上传的部分页面呈现效果业务需求如下1.界面图片和手动上传任选其一,界面图片对应参数coverImage,手动上传更改时传cover,未更改coverImage;2.添加或编辑的时候,需要将图片上传的方式。...原创 2022-07-25 18:04:44 · 700 阅读 · 0 评论 -
el-tabs切换以及内容校验
我在初始化的时候,遇到这样一个问题当我选择内部链接,明明已经在对应的el-input中输入内容了,打印也能打印出来,页面上面就是不会更新,当切换到外部链接,再切回来的时候,数据更新了;在使用el-form进行表单校验的时候,往往会遇到这样一个问题使用el-tabs进行切换,内外部链接,只能选择其一,往往会对其输入的链接内容进行校验,在form-item上面绑定固定的prop,达不到预期的效果;可以看到,内外链接分别对应不同的字段,而用与校验的link,则是在切换tabs的时,进行动态的改变。...原创 2022-07-25 17:16:57 · 2996 阅读 · 0 评论 -
el-upload上传
使用upload上传的时候,覆盖前一个图片时,使用on-change事件,去除limit,否则此方法无打印结果;场景上传图片后,可再次上传,覆盖掉第一张上传的图片。原创 2022-07-05 10:07:28 · 524 阅读 · 0 评论
分享