elementui
F N Nancy
不要假装很努力,结果不会陪你演戏
展开
-
el-input-number踩坑(禁止输入)
el-input-number 禁止输入原创 2022-10-26 17:28:17 · 2276 阅读 · 2 评论 -
el-table表格展示并写入枚举值(formatter)
table表格展示并写入枚举值(formatter)原创 2022-10-18 15:49:52 · 2440 阅读 · 0 评论 -
结合elementUI实现excel导出
导出文件格式为excel格式,导出数据包括表头。原创 2022-07-20 11:03:39 · 700 阅读 · 0 评论 -
结合elementUI实现excel导入导出
前端直接实现导入,导入文件格式为excel,点击导入直接过滤文件格式为excel。原创 2022-07-20 10:40:10 · 3066 阅读 · 0 评论 -
element-ui select 滚动翻页(远程)
关键字搜索关键字搜索结果翻页无关键字翻页关于滚动条翻页,可以写一个公用方法1 、新增一个js文件:directive.jsimport Vue from 'vue'export default () => { Vue.directive('scroll', { bind(el, binding) { // 获取滚动页面DOM const SCROLL_DOM = el.querySelector('.el-select-dropdown .e原创 2022-04-15 19:44:17 · 1724 阅读 · 4 评论 -
element级联选择器中模糊搜索时getCheckedNodes()获取不到当前节点
踩了个坑…使用getCheckedNodes()获取当前节点是ok的,但是当级联菜单模糊搜索时getCheckedNodes()获取当前节点为空.开始以为是element的版本问题,但是经查验并不是当使用getCheckedNodes()方法获取不到节点时,我们可以使用反查的方法getNodeByValue(),去找当前节点this.$refs[`cascader${index}`][0].panel.getNodeByValue(value)使用此方法可以反查到节点信息,从而获取到需要的数据原创 2021-09-03 12:31:29 · 2742 阅读 · 0 评论 -
给下拉框项增加自定义图标
最近应产品需求,需要在下拉框选项中给某一项数据增加提示(自定义)图标示例图片代码入下:<el-option label="链接类型" value='2'> <span>链接类型</span> <el-tooltip content='系统将自动将长链接地址转为短链接地址'> <i class="el-icon-question"></i> </el-tooltip></el-optio原创 2021-06-07 16:34:10 · 688 阅读 · 0 评论 -
‘_‘ is defined but never used no-unused-vars
报这个错是因为项目安装了 Eslint 规范不确定的话,可以在package.json 文件 查看解决方案:在 package.json 文件里面 添加 如下代码:"rules": { "generator-star-spacing": "off", "no-tabs":"off", "no-unused-vars":"off", "no-console":"off", "no-irregular-whitespace":"off",原创 2021-05-10 11:22:17 · 414 阅读 · 0 评论 -
项目中 单行文本过长或多行文本时,用省略号代替并悬停时提示全部文本内容
项目中,经常会遇到单行文本过长或是多行文本显示的冗长,可以使用省略号 ‘…’ 代替一、单行文本时// overflow:hidden ; //溢出的部分隐藏 // white-space: nowrap ; //文本不换行// text-overflow:ellipsis ; //ellipsis:文本溢出显示省略号(...);clip:不显示省略标记(...),而是简单的裁切style=" overflow:hidden; white-space: nowrap ; text-overflow:原创 2021-04-21 16:46:49 · 1178 阅读 · 6 评论 -
vue 前端使用 element-ui 实现省市级联动
最近用 vue 结合 element-ui 写了个省市级联动,由于是纯前端,故而用了 “ 死数据 ”代码如下:<template> <div> <el-form label-width="20px"> <el-row :gutter="20"> <el-col :span="8"> <el-form-item label='省'>.原创 2021-04-27 17:05:48 · 430 阅读 · 0 评论 -
[Vue warn]: Injection “elForm“ not found
使用 element-ui ,运行 vue 项目时,报 [Vue warn]: Injection “elForm” not found ,原因是 没有将 el-form-item 标签 放在 el-form 标签中,在外层加上 el-form 标签就可以了。原创 2021-04-22 16:29:39 · 2209 阅读 · 0 评论