Fork me on GitHub

2021年4月30日

vue+element-ui el-table表格(含表头)内容溢出省略,鼠标悬浮提示

摘要: 第一种:参考:https://my.oschina.net/u/3455362/blog/4674804 <template> <div class="test"> <el-table :data="gridData" border stripe style="width: 100%"> <temp 阅读全文

posted @ 2021-04-30 16:24 蓝魂殇 阅读(5832) 评论(0) 推荐(0) 编辑

2021年4月8日

Vue+Element-ui,el-table-column使用v-if出现的问题

摘要: 问题 项目中,根据后台传值,使用v-if判断表格中功能列是否显示时,出现表头错位 解决 <el-table-column prop="status" label="设备状态" key="status"></el-table-column> 原因 key作为一个DOM节点的标识值,结合Diff算法可以 阅读全文

posted @ 2021-04-08 10:24 蓝魂殇 阅读(3758) 评论(0) 推荐(0) 编辑

2021年3月17日

VUE+Element-ui开发,el-tooltip组件使用无效

摘要: Vue:2.5.2 element-ui:2.8.2 webpack:3.11.0 问题1:项目中使用element-ui其它组件正常,在使用el-tooltip及show-overflow-tooltip属性时不起作用,开始使用el-popover来模拟效果,后被提bug--el-popover有 阅读全文

posted @ 2021-03-17 17:08 蓝魂殇 阅读(4132) 评论(0) 推荐(0) 编辑

2020年10月13日

vue+echarts组件销毁

摘要: 注:其实完全可以在实例化之前,使用echarts.init(document.getElementById('xxx')).dispose();解决 项目开发中有一个echarts折线图表展示,根据下拉框选择,请求不同接口,结合时间选择,传给后台,进而获取数据进行绘制。其中信号强度为多条折线图,链路 阅读全文

posted @ 2020-10-13 19:54 蓝魂殇 阅读(8709) 评论(0) 推荐(0) 编辑

2020年8月24日

vue自定义指令过滤特殊字符

摘要: 1.新建inputFilter.js文件 const addListener = function(el,type,fn) { el.addEventListener(type,fn,false); } const specialFilter = function(el) { addListener 阅读全文

posted @ 2020-08-24 19:29 蓝魂殇 阅读(2414) 评论(1) 推荐(0) 编辑

2020年8月15日

element-ui实现表格el-table展开行

摘要: 项目开发中,遇到个详情页面,展示项过多,在屏幕上展示出现过长的横向滚动条,用户体验度不高,跟产品协商,由产品列出优先展示项,剩下部分折叠 标红属性: row-click: 当某一行点击时触发 row-key: 行数据的key,用于优化talbe的渲染 expand-row-keys: 可通过这个属性 阅读全文

posted @ 2020-08-15 14:09 蓝魂殇 阅读(6954) 评论(0) 推荐(2) 编辑

2020年7月9日

jQuery请求本地JSON文件,在谷歌浏览器运行时报跨域错误

摘要: 通过ajax或者jQuery的$.getJSON请求本地JSON文件,运行在谷歌浏览器时,会报跨域的错误 注:火狐浏览器也会提示错误,但会显示要获取的信息 原因: 访问本地计算机中的文件,使用的是file协议。file协议主要用于访问本地计算机中的文件。 跨源请求只支持协议模式:http、data、 阅读全文

posted @ 2020-07-09 19:28 蓝魂殇 阅读(3189) 评论(0) 推荐(0) 编辑

2020年7月2日

jQuery使用serialize获取form表单数据,中文乱码问题

摘要: jQuery中使用serialize时获取form表单数据,会将表单中的中文进行转码 <form> <input type="input" id="a1" name="a1" value=""/><br> <select> <option value="0">选项一</option> <option 阅读全文

posted @ 2020-07-02 13:59 蓝魂殇 阅读(459) 评论(0) 推荐(0) 编辑

2020年6月23日

Element-ui局部添加loading效果

摘要: 项目:Vue+element-ui 在一个表格数据加载时,因为需要连接其它东西,所以后台接口返回数据需要较长时间,因此添加局部Loading效果,增加用户体验度, 最开始使用下面代码,直接放到<el-table>中,测试时遇到问题 element-loading-spinner="el-icon-l 阅读全文

posted @ 2020-06-23 15:49 蓝魂殇 阅读(25314) 评论(1) 推荐(1) 编辑

2020年6月16日

Vue中this.$set的使用

摘要: 项目中碰到一个问题,改变一个对象的属性,从控制台打印结果看,属性已经发生改变,但没有更新到视图中 解决:使用this.$set(target,key,value); 百度解释:向响应式对象中添加一个属性,并确保这个新属性同样是响应式的,且触发视图更新。它必须用于向响应式对象上添加新属性,因为 Vue 阅读全文

posted @ 2020-06-16 16:23 蓝魂殇 阅读(8870) 评论(0) 推荐(0) 编辑

导航