element UI
不怕不管
Do the right Things!
展开
-
饿了么el-date-picker禁用当前时分秒之前的日期时间选择
使用参数picker-optionsdisabledDate :控制只能选择今天及以后的日期selectableRange :控制选择的时间段。如果是今天,则时间从此刻开始,否则从0时开始参考原文链接:https://blog.csdn.net/qq_26642611/article/details/103761975实现效果建议使用参数time-arrow-control,用箭头进行选择(用鼠标滚轮操作稳定性很差)html<el-date-picker v-model="ruleFo原创 2021-07-21 15:06:18 · 3792 阅读 · 3 评论 -
el-select获取多个参数/el-select传多个参数
element select选择器~~el-select的change事件默认不传参数时可获取到值是选中的值。@change="handleSelectGroup"当涉及到循环动态生成多个select组件并且想要获取到当前所选的组件是哪个的时候,就需要从select的change事件获取到多个参数,一般需要传上当前选中的值与当前索引。方法一:$event 即是当前所选的值@change="handleSelectGroup($event, i)"方法二:val 即是当前所选的值@cha原创 2021-05-11 09:59:02 · 6992 阅读 · 2 评论 -
直接用toFixed保留两位小数遇上的坑以及解决方法
参考链接:https://www.cnblogs.com/liyan-web/p/7788459.html由此可见真正的问题源于二进制浮点数表示法并不能精准表示十进制分数!function toFixed(number,fractionDigits){ var times = Math.pow(10, fractionDigits); var roundNum = Math.round(number * times) / times; return roundNum.toFi原创 2020-09-18 14:08:10 · 3389 阅读 · 0 评论 -
element UI防止多个message弹窗,el-message提示只显示最后一个
单独一个文件重写messageimport { Message } from 'element-ui'let messageInstance = nullconst resetMessage = (options) => { if (messageInstance) { messageInstance.close() } messageInstance = Message(options)};['error', 'success', 'info', 'warning'].原创 2021-03-17 13:50:18 · 1530 阅读 · 0 评论 -
el-form 自定义校验规则失效之坑 elementUI
自定义校验如果你发现校验没有触发,也进不了校验,有if判断都要加上else把callback返回,不然如果没进入if判断,就没法把callback返回了,同是也无法继续提交了。 this.$refs.returnForm.validate((valid) => { 这里都进不来 if (valid) { }错误示范 var validUseBalance = (rule, value, callback)原创 2020-09-30 10:31:03 · 3958 阅读 · 1 评论 -
el-select绑定值为一个对象element UI
重点:el-select绑定item的唯一值,一般是个id, value-key=“id”2.el-option的value绑定item, :value=“item”3.在el-select的change事件获取对象的值并且赋值到对应的键。4.nameSpare为备用关联字段,不影响。 <el-select value-key="nameId" style="width:200px;margin-bottom:10px;"原创 2020-08-21 15:11:59 · 2236 阅读 · 0 评论 -
根据后端返回的url实现下载功能
需求描述: 根据后端返回的url实现下载功能/** download All*/const downMethod = data => { axios({ method: data.method, url: apiUrl + data.url, params: data.params, responseType: "blob" }).then(res...原创 2020-01-20 17:44:09 · 3010 阅读 · 2 评论 -
实现同步未读消息条数
需求描述: 模块内的未读信息被读后,头部的未读信息条数要跟着变动。//home <div @click="handleMessage"> <el-badge v-if="messageData.length != 0" :value="messageData.length" :ma...原创 2020-01-20 17:03:11 · 1687 阅读 · 1 评论 -
el-upload回显细节--没有图片数据返回的时候每点击一次添加多了一个空白图片
如果没有图片,就会自动赋值一个空的值给这个数组,就会出现一个空白的照片,每点击一次就添加一次```css imgInit() { this.fileUpList.push({ url: this.rowData.refundPic //上传退款截图 }); if (this.rowData.refundPic) { /...原创 2020-01-16 11:37:07 · 1056 阅读 · 0 评论 -
el-upload删除时导致页面样式错乱!!
<el-row class="head_image"> <el-col :span="2" class="head_image_wrap"> <el-upload class="upload" :class="{ hide: hideBusiness }" ...原创 2020-01-06 01:15:55 · 785 阅读 · 0 评论