随笔分类 -  Element-UI

[element-ui]上线iconfont乱码
摘要：卸载dart-sass npm uninstall sass 安装node-sass npm install node-sass -D 阅读全文
posted @ 2021-11-23 10:29 coffeemil 阅读(262) 评论(0) 推荐(0)
[element-ui]多行confirm
摘要：vue封装多行confirm import { Message, MessageBox, Notification, Loading } from 'element-ui' // 确认窗体 confirm(content,that) { if(Array.isArray(content) && th 阅读全文
posted @ 2021-11-16 15:00 coffeemil 阅读(442) 评论(0) 推荐(0)
[element-ui] 点击完之后不自动失焦el-button
摘要：el-button点击之后不自动失焦,需要手动失焦 export function buttonBlur(ev) { console.log(ev.target); if (ev.target.nodeName == "SPAN" | ev.target.nodeName == "I") { ev. 阅读全文
posted @ 2021-06-14 00:59 coffeemil 阅读(2331) 评论(0) 推荐(0)
[element-ui] 多列表实现+自定义过滤 el-select
摘要：自定义多列表，自定义过滤 <el-select size="mini" v-model="form.code" filterable :filter-method='filterMethod' clearable placeholder="请选择"> <el-option v-for="item i 阅读全文
posted @ 2021-06-09 01:34 coffeemil 阅读(1596) 评论(0) 推荐(0)
[element-ui] 常用属性el-table
摘要：:header-cell-style="{textAlign: 'center'}" //表头居中:cell-style="{ textAlign: 'center' }" //内容居中 :show-overflow-tooltip="true" //超出省略号 fit //内容展开 阅读全文
posted @ 2021-06-09 00:42 coffeemil 阅读(480) 评论(0) 推荐(0)
[element-ui] 表格点击出现编辑效果实现
摘要：效果图 单击之后出现编辑效果 部分实现代码 <template> <div @mousedown="editCtrl(currentEditRow, '')" <el-table :data="dataSet1" border size="mini" :summary-method="getSumm 阅读全文
posted @ 2021-05-24 00:20 coffeemil 阅读(507) 评论(0) 推荐(0)
[element-ui] 穿梭框对象重复不添加方案
摘要：aaa=[{a1:1,a2:''},{a1:2,a2:''},{a1:3,a2:''},{a1:4,a2:''}] //所有数据列表 bbb=[{a1:1,a2:''}] //右侧列表 ccc=[{a1:2,a2:''},{a1:2,a2:''},{a1:1,a2:''},{a1:2,a2:''}] 阅读全文
posted @ 2021-04-26 11:42 coffeemil 阅读(215) 评论(0) 推荐(0)
[element-ui] 表格功能实现(删除选中)
摘要：表格删除选中的行实现，这里利用到了 __ob__ 对象。 1.多选删除 //arr数组集合[{}] delArr要删除的数组[]export function delMultipleBox(arr, delArr) { return delArr.map((n) => n.__ob__.dep.id 阅读全文
posted @ 2021-04-23 02:11 coffeemil 阅读(1572) 评论(0) 推荐(0)