
element-ui
文章平均质量分 51
用到element-ui组件的问题
夏小锋
这个作者很懒,什么都没留下…
展开
-
element-ui Pagination 分页频繁切换导致重复触发api问题
Pagination频繁切换导致重复触发api问题问题复现问题原因解决问题复现当分页数据足够多的情况下,将分页接入api(api返回值需要重新赋值分页参数),频繁触发分页的下一页。问题原因当我们频繁点击下一页的时候,因为会请求api,在api未返回数据的时候,触发下一页,导致接口又触发。当api结果返回时,因为会重新赋值分页,也就造成了,分页的值改变,从而又触发了api。解决 handleCurrentChange(val) { // 分页切换(原) this.$em原创 2022-04-01 09:59:31 · 1848 阅读 · 0 评论 -
el-image查看大图问题
原由因为上传组件查看大图使用了el-image.但后续发现el-image不管点哪张图片,查看的大图都是第一张官方属性可以看到这里并没有对应的下标。思路因每次不管点任何图片,展示的都是第一张,所以,想着可以把对应开启预览功能的图片数组,第一张替换成用户所点击的第一张图片,然后下标比用户大的,依次排列到后面,小的就最后排列。所以有了以下代码computed: { filesList() { //图片数组集合,idx,为用户所点击的idx return (idx)原创 2022-03-02 14:57:29 · 978 阅读 · 0 评论 -
el-date-picker限制起期止期
原由写这个是为了控制用户选择不正确的起期,止期。业务代码<div style="display: inline"> <el-date-picker v-model="filters.column.create_start_date" :picker-options="pickerBeginDateBefore" :format-value="dateConfig.formatValue" :type="dateConfig.type" :style="dateConfig.d原创 2022-01-05 17:26:58 · 937 阅读 · 0 评论 -
el-select使用filterable右侧箭头消失
记录思路写这个是为了记录一哈开发中遇到的问题。现有样式需要修改成修改思路1:在控制台查看对应的dom,发现,使用远程搜索之后,对应的icon的class有变化,如下图所示:2:将上图缺失部分的class补全(el-icon-arrow-up)啊哈,果然就出现了下拉图标。好了,那我们的只需要找到对应的dom,然后添加class就可以了。3:vue项目我就没使用jQuery了,就使用vue跟js的查找dom的方法,首先在对应的el-select中加入个ref,然后使用querySelect原创 2021-12-31 16:42:41 · 4119 阅读 · 0 评论 -
el-cascader实现服务器搜索
el-cascader实现服务器搜索文章目录el-cascader实现服务器搜索前言一、产品需求二、使用步骤1.基本使用2.解决用户实时输入问题3.数据过滤问题总结前言这里主要是记录开发过程中,因需要用到级联选择器,以及搜索功能,而官方文档未有服务器搜索的,所以这样记录一下,开发过程以及遇到的问题。提示:以下是本篇文章正文内容,下面案例可供参考一、产品需求需要根据用户输入的进行实时请求服务器数据二、使用步骤1.基本使用代码如下(示例): <el-cascader原创 2021-02-04 10:23:41 · 4985 阅读 · 5 评论 -
element-ui upload上传功能
upload上传功能加入可拖拽<el-upload ref="upload" :on-change="handleChange" :on-remove="handleRemove" :drag="uploadData.drag" :file-list="fileList" :show-file-list="uploadData.showList" :action="host" :auto-upload="原创 2020-11-27 10:28:52 · 695 阅读 · 0 评论