![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element-ui
吴冬雪~
Everything is the best arrangement.
展开
-
element-ui报错Cannot read property ‘resetFields‘ of undefined
问题描述: 使用element开发我的后台系统,编辑和新增使用了同一个弹出框绑定了数据data里的commentForm对象为了在新增弹出框清空表单, 使用了每次第一次点击新增显示弹出框,都会报错。转载 2020-04-11 23:28:37 · 2633 阅读 · 1 评论 -
vue使用Vue.extend创建全局toast组件
【代码】vue使用Vue.extend创建全局toast组件。原创 2022-02-15 21:16:18 · 524 阅读 · 0 评论 -
elementui下拉框选中,获取选中对象方法,包含label和value
el-select 添加value-key=‘id’,value-key作为 value 唯一标识的键名,绑定值为对象类型时必填,el-option的value赋值为item。转载 2022-03-07 10:57:20 · 2412 阅读 · 0 评论 -
element 组件改变值后选中的内容不变
问题场景:默认下拉框选中了值,切换下拉框选中的值,值改变了,但是视图未改变。原创 2022-08-22 18:13:47 · 903 阅读 · 0 评论 -
elementUI组件修改样式 覆盖无效
为了vue页面样式模块化,不对全局样式造成污染,我们往往都会加入scoped属性用来限制样式的作用域,然而这也会导致当我们修改部分ui组件样式失效。为了避免这种情况,我们常用以下方式来解决。通过 >>> 可以使得在使用scoped属性的情况下,穿透scoped,修改其他组件的值。在我们使用第三方UI组件库开发时有时需要对这些组件进行一些样式修改。深度选择器/deep/与>>>作用相同。转载 2019-05-31 15:20:38 · 7285 阅读 · 1 评论 -
el-upload限制图片尺寸
【代码】el-upload限制图片尺寸。原创 2023-03-21 17:47:16 · 324 阅读 · 0 评论 -
element select组件 赋值之后还是校验必填
当分类一切换时,分类二、三、四等都需要清空原值,重新选取,但是在分类一的 change 事件里,发现页面分类二已经显示,依旧提示没选择,校验失败。当多个级联情况下,下拉赋值值赋不上去,this.$focreUpdata() 强制更新,这时值就可以绑定上去,但同时绑定时校验也会失效。分类一切换时,清空表单原值使用的是 this.doorSlowForm.diseCode = "" 手动设为空,校验失败。2,也可以在分类一切换同时,手动将分类二下拉集合的第一个元素赋值到分类二的值上去。转载 2022-11-30 15:18:10 · 2491 阅读 · 0 评论 -
element-ui 使用Loading按需引入,
【代码】element-ui 使用Loading按需引入,原创 2021-08-23 16:12:07 · 1752 阅读 · 0 评论 -
element-ui的el-cascader多选在IE中样式不正常
今天在测项目IE兼容性的时候,发现el-cascader在ie中的样式不兼容,主要是选中的标签不显示,以及右箭头没有垂直居中对齐,主要表现如下图所示。解决方法是重写elementui的样式。转载 2020-12-08 11:07:13 · 1064 阅读 · 0 评论 -
element-ui的table组件,给某些列设置了fixed属性后,滚动条无法拖动
问题描述在使用ele-ui的table组件时,给前四列设置了fixed属性,让前四列可以固定,不随着滚动条滚动移动,结果发现设置后,拖动横向的滚动条的前半部分无法拖动。后来发现原因是设置了fixed属性的列把滚动条覆盖了,一般是看不到,但是把页面缩小就发现了,如下图:解决方法:.el-table__fixed { height:auto !important; // 让固定列的高自适应,且设置!important覆盖ele-ui的默认样式 bottom:17px; // 固定列默认转载 2020-12-08 10:25:03 · 4850 阅读 · 3 评论 -
el-table 表格自动滚动,滚动到底部请求下一页数据,当获取不到新数据时,从顶部开始滚动,不在获取数据。(鼠标移动到表格上停止滚动,移开继续滚动)
template<el-table ref="dailyRef" :data="tableData1" max-height="680px" class="table" :row-class-name="tableRowClassName" v-loading="templateLoading" element-loading-text="加载中" element-loading-spinner="el-icon-loading" element-loading-backg.原创 2020-12-08 10:03:03 · 1420 阅读 · 3 评论 -
让弹性盒元素在必要的时候拆行。使用el-row 布局列数多个时候,解决高度不适应且排列混乱的问题
display:flex;flex-wrap: wrap;原创 2020-12-04 11:10:13 · 1023 阅读 · 0 评论 -
sync分析之为啥el-dialog中的visible需要使用.sync
在使用element-ui 中的dialog组件时,发现visible属性在使用时需要添加.sync才生效。我们先自己创建一个dialog组件,如下当我们点击关闭按钮时,会发生警告原因就是在VUE中,prop的传递是单向下行绑定的,也就是说只能父传给子,不能反过来。虽然在demo中子组件直接修改visible也能够关闭窗口,但是该变量不能传给父组件,所以并不建议这么做,(如果您任性,觉得父组件拿到这个变量也没用,那您尽管在子组件中修改,但是小心父组件的入参变化时会覆盖你的修改)现转载 2020-08-02 11:06:37 · 10613 阅读 · 4 评论 -
element-ui table选择框禁止选中
需求场景:当我们对列表中一下数据选中后,调用接口处理数据中的状态,而对于已经处理了的数据,则不能再次进行处理。可能你首先想到的通过选中的数据,将其中的已处理数据过滤掉。这里我们通过已处理的数据,我们将禁止选中,那怎样才能实现呢?首先我们实现多选: 手动添加一个el-table-column,设type属性为selection即可;然后设置 selectable 属性来决定该行数据是否选中。若返回为 true, 则可以选中,否则禁止选中。转载 2020-04-11 23:32:13 · 2409 阅读 · 1 评论 -
el-upload 上传组件 限制上传文件类型 XLS or xlsx 和上传文件大小
<el-upload class="avatar-uploader" action="https://jsonplaceholder.typicode.com/posts/" :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">...原创 2020-03-17 12:25:26 · 7471 阅读 · 2 评论 -
设置el-option的宽度和el-select 宽度相同,选项内容超出显示滚动条
<!-- Add "scoped" attribute to limit CSS to this component only --><style lang="scss" scoped></style><!-- globe css --><style lang="scss">.el-select-dropdown{ ...原创 2020-03-16 14:51:32 · 8112 阅读 · 3 评论 -
cascader 同时获取 label 和 value
获取label:获取value:原创 2019-12-12 16:51:46 · 2076 阅读 · 0 评论 -
element-ui中的表格el-table滚动条样式修改
如果是整个页面的滚动条风格是一致的,直接改全局的滚动条样式也可以有效果。滚动条样式存在兼容性问题,以上的样式是在webkit浏览器下可生效的。页面内滚动条样式美化css3。原创 2019-04-23 16:31:41 · 55433 阅读 · 1 评论