![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ElementUI
文章平均质量分 78
ERROR!!!!!!
这个人很懒,什么都写了。
展开
-
vue 点击复制选中指定文本,超好用
经过测试,方法兼容谷歌和IE,提取成公共方法如下:export function copyText(e) { let text = document.getElementById(e); let selection = window.getSelection(); let range = document.createRange(); range.selectNodeContents(text); selection.removeAllRanges(); selection.addRange(原创 2020-08-22 17:52:30 · 2055 阅读 · 0 评论 -
数据加载等待 elementUI + vue
数据在加载过程中页面显示空白会让用户感到焦虑烦躁,加一点小动态可以解决这种问题。v-if控制页面三种状态:1、加载中;2、加载无数据;3、展示数据isloading true加载icon显示, false隐藏,初始truehasdata true无数据icon显示,false隐藏,初始false#mermaid-svg-DT1Dzo5kwcKcNgaE .label{font-family:'trebuchet ms', verdana, arial;font-family:var(-原创 2020-08-22 11:57:22 · 1478 阅读 · 0 评论 -
中央事件总线 && onmessage/postMessage通信
目录原创 2020-06-16 11:33:11 · 469 阅读 · 3 评论 -
匪夷所思的一些问题(备忘录)
目录说明一、ElementUI——组件内icon图标说明总结一下日常遇到的UI框架坑,也可能是兼容坑。遇到一些写一些,不停补充。一、ElementUI——组件内icon图标谷歌浏览器一切正常,在IE11浏览器下,像select组件右边那个下拉箭头,还有input内清空按钮的图标line-height属性出现问题,图标要么飞到天上去,要么位置很低。排除全局样式的影响后,line-height值必须和input高度一致,否责值过小过大都无法修改正常。...原创 2020-06-11 15:08:32 · 755 阅读 · 0 评论 -
强迫症患者福音!筛掉后台返回很多无用的字段!
表单回填的时候,后台传回来很多原表单里没有的无用字段。回填以后在编辑功能下需要把原表单字段再传给后台。虽然这个没用的字段传来传去不影响什么,但要是太多了,谁受得了。以下://this.form 原表单数据容器//res.data 接口返回数据for(var k in this.form){ if(res.data.hasOwnProperty(k)){ this.form[k] = res.data[k]; }}...原创 2020-05-26 17:14:29 · 639 阅读 · 0 评论 -
elementUI+VUE 表格数据单行移动
目录需求说明代码步骤需求说明选中表格单行数据,点击上移或下移实现数据移动。操作按钮单独在表格上。代码步骤一、索引获取原有的从后台获取的数据中并没有存放索引,且表格中数据是根据前端的索引编写的序号。添加** :row-class-name=“tableRowClassName” **属性方法<el-table ref="multipleTable" :data="tableData" height="calc(100% - 38px)" tooltip-effect="dark" sty原创 2020-05-15 12:03:13 · 1149 阅读 · 0 评论 -
根据身份证号来计算年龄与性别 JavaScript && Vue.js
目录计算规则需求环境代码今天我要来写一些笨重的代码(以后肯定会写出简洁的别人都不懂的代码!!!)计算规则据我所了解(可能了解的不是很准确,大家自行网上搜索一下),我国身份证的规则如下:身份证位数出生年份出生月份出生日期性别15位(一代)7、8位9、10位11、12位15位 奇男偶女18位(二代)7、8、9、10位11、12位13、14位17位...原创 2020-01-03 17:22:48 · 1270 阅读 · 1 评论 -
ElementUI select组件下拉选中后同时获取label(name)和value(code)返回给后台
目录使用说明代码使用说明ElementUI中select组件,一般只能获到一个vlue值,通过value值把label展示在页面中。如果仅仅做展示用,这没有太大问题。但是涉及到交互,需要把选中的option的名称和code一起再返回给后台就需要多写几行代码了。话不多说。代码<el-form-item label="饺子" prop="zbldid" label-width="70p...原创 2019-12-27 18:01:53 · 8948 阅读 · 1 评论 -
ElementUI/Vue 联级选择器Cascader 在实际中的应用
目录页面展示代码页面展示代码html部分<el-form ref="form" :model="form" label-width="140px"> <el-form-item label="指定分类(筛选)" prop="nrflCodeId"> <el-cascader :options="nrflOptions" ref="cascaderAdd...原创 2019-12-18 20:13:30 · 465 阅读 · 0 评论 -
Vue +ElementUI table中show-overflow-tooltip属性在IE11中的缺陷
这里写自定义目录标题bug出现背景bug阐述解决方案bug出现背景Vue 2.6 +ElementUI 2.12.0 +IE11浏览器bug阐述当鼠标指针指向table组件带有show-overflow-tooltip属性的单元格时,会出现tips提示信息,此时不一定鼠标指针位置,滑动鼠标滚轮,tips信息并不消失,继续滚动会超出table范围继续显示。解决方案当监听到鼠标滚动事件时,...原创 2019-10-25 11:47:02 · 2021 阅读 · 0 评论