elementUI
elementUi
sunnyboysix
软件工程
展开
-
el-input限制只能输入数字及长度
<el-input :maxlength="10" oninput="this.value = this.value.replace(/[^0-9]/g, '');"/>原创 2021-07-02 17:30:29 · 3712 阅读 · 0 评论 -
Elementui中el-select 选项框前添加自定义icon图标
一 效果图二 代码百度很久都没找到类似的说明,自己就尝试一下用class写了<el-select v-model="value" class="year"> <el-option value="2019" label="2019"></el-option></el-select>.year { /deep/.el-input__inner { //如果你的style 加了scoped 需要加/deep/原创 2021-01-21 17:53:45 · 14863 阅读 · 6 评论 -
element-ui el-table,查询数据后默认返回第一页数据
一 场景场景是默认数据有30页, 这个时候你切换到30页,再次加搜索条件查询你的currentPage会变为当前数据最后一页,但是查询字段还是30页二 解决办法我会在confirm查询时候将页数调回到第一页, 同时监听page分页组件中的currenpage回到第一页,这一步完成查询数据是第一页的数据queryData(query) { this.query = query this.pageChange(1) this.getLis...原创 2020-12-16 16:28:15 · 2253 阅读 · 1 评论 -
Elementui自定义Pagination 上一页下一页使用按钮
一 效果图二 上代码<el-button size="small" @click="pervious">上一页</el-button> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="current" :page-size="pageSize"原创 2020-12-07 18:42:53 · 9248 阅读 · 8 评论 -
ElementUi Carousel 走马灯,自定义el-carousel箭头左右切换
一 效果图需求是我自己要自定义左右切换的箭头图片,每个页面里面显示6组数据。二 上代码:autoplay="false" 不需要自动轮播arrow="never" 不需要自带的箭头indicator-position="none" 不需要底部的指示器重点在于 ref=“cardShow”调用方法<el-carousel :autoplay="false" height="72px" arrow="never" indicator-position="none..原创 2020-11-29 23:15:48 · 28735 阅读 · 8 评论 -
Element Tabs 标签页 ------disabled使用
话不多说直接上代码菜鸟继续赶路 加油原创 2019-07-26 10:19:56 · 3279 阅读 · 1 评论 -
解决el-select后台一次返回大数据量渲染慢导致页面卡顿的问题
场景一 解决了一次性渲染大量数据问题业务场景是后台一次返回10万多条数据需要在下拉框中展示,直接渲染会导致页面卡顿且需要很长时间等待,用户体验极差,所以我把这个改造了一下,直接上代码, 里面注释写的很清楚了就不解释了.<template> <div class="content"> <el-select v-model="choose" size="small" v-el-select-loadmore:rangeNumber="loadM.原创 2020-06-16 18:38:30 · 13581 阅读 · 11 评论 -
elementUI 前端实现分页 和 模糊搜索
最近有一些业务需求就是从第三方系统中调取一些数据,那些数据没有分页的参数,所以就需要前端自己去分页还有一些搜索后端没有处理前端可以自行处理在数据量较小的时候以下代码主要实现的是搜索和分页的功能基于elementUI代码可以直接赋值参考使用<template> <div class="content"> <el-row>...原创 2020-05-06 10:57:30 · 5014 阅读 · 6 评论 -
Element Progress 进度条 %修改
今天在开发时候遇到5秒倒计时,demo里面是百分比到技术,我们个人的应用场景可能会不同。直接上代码主要是format这个方法,我在看到中文字然后参考用一下的,嗯呢好像类似的文章不是很多,我就简单写一下多分享少踩坑,一起加油呀...原创 2019-07-25 16:06:33 · 22102 阅读 · 11 评论 -
element el-popover绑定多个按钮
看下图如果从demo里面直接复制两个到页面会发现两个按钮都无效果如果要两个按钮都生效的话一般我们在具体业务中使用的话@click会绑定事件差不多就这样吧,菜鸟继续赶路...原创 2019-04-10 15:23:49 · 5497 阅读 · 0 评论