![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
工作
jiaoのpan
努力学习编程的小白
展开
-
vue实现边框线拖拽效果(拖动元素边框改变宽度)
1.封装组件自定义组件代码(已封装进项目中,无需重新写一份,可直接跳转到【2.使用步骤】)<template> <div class="x-handle" :style="divStyle" @mousedown="mouseDown"> <el-header style="height: 21px;border-bottom: 1px solid rgb(235, 238, 245);padding: 0px;text-align: center;原创 2022-03-24 16:11:22 · 5323 阅读 · 4 评论 -
EChart柱状图x轴文字过长时,自动换行
"xAxis": [{ "type": "category", "data": this.xData, "axisLabel": { "margin": 20, "rotate": 45, "interval": 0, //文字换行 "formatter": function (value) { ...转载 2021-01-12 11:48:26 · 4263 阅读 · 0 评论 -
常用Css样式
1.css实现height:100%后,出现滚动条{overflow: hidden;height: 100%;display: flex;}2.元素右侧增加一些突出样式html:<div class="post-flag-container"> <div class="post-flag flag-danger">待处理 </div></div>css:.post-flag-container { position:absol原创 2020-12-09 16:34:06 · 159 阅读 · 0 评论 -
时间格式化代码
dateFtt: function (fmt, dateStr) { let ret; var date = new Date(dateStr); const opt = { "y+": date.getFullYear().toString(), // 年 "M+": (date.getMonth() + 1).toString(), // 月 "d+": date.getDate().toString(), // 日原创 2020-12-09 11:41:21 · 488 阅读 · 0 评论 -
img居中以及等比缩放
1.等比缩放img{width: auto;height: auto;max-width: 100%;max-height: 100%; }2.居中并等比缩放.父级div样式{ display: block; position: relative;}.子级div样式{ max-width: 100%; max-height: 100%; width:auto; height:auto; position: absolute;原创 2020-11-02 15:44:56 · 2683 阅读 · 0 评论 -
el-table 编辑后即使刷新列表也保持先前编辑行高亮状态
问题:el-table 有个highlight-current-row属性,使用该属性后,当我们点击某行时,该行高亮显示.但是当table表数据进行刷新时,之前的高亮状态就消失了。因此仅仅使用highlight-current-row属性,满足不了我的需求。解决方案a.使用row-key属性绑定方法b.在js或者Vue文件中添加row-key属性绑定的方法getRowKeys(),返回唯一标识的一个值<el-table :data="tabledata" :row-key="getRowK转载 2020-09-27 15:50:30 · 1386 阅读 · 3 评论 -
select2 前端插件下载和使用
简介:Select2是一款基于JQuery的下拉列表插件,主要用来优化select,支持单选和多选,同时也支持分组显示、列表检索、远程获取数据等众多好用的功能下载链接:https://pan.baidu.com/s/1k6BxdFWFRIHEXI3wxsbCXA提取码:5we2使用可以参考这些网址1.select2插件设置选中值2.selet2使用...原创 2020-09-07 10:17:22 · 1535 阅读 · 0 评论 -
js+jQuery自动切换选项卡
html界面布局结构:jQuery方式实现自动跳转至指定tab: $('.category').find("*").removeClass('active'); $('.sign').addClass('active'); $('.cont.active').removeClass('active'); $('.cont-sign').addCla原创 2020-09-05 14:46:00 · 294 阅读 · 0 评论 -
HTML中显示特殊字符,如尖括号 “<”,“>“等等
HTML中显示特殊字符,如尖括号 “<”,">"等等问题重现:在对数据进行编辑时,新开了一个layer层,发现layer打开后,界面空白并且关闭按钮异常,使得界面卡住不能操作,只能重新进入网页。(按住F12后无报错内容)追溯原因是因为对layer层的title属性进行赋值的时候,包含了特殊符号“<”,因此导致了解析时出错。解决方法:将特殊字符进行转义。< 使用 < 转义; <= 使用&le转义;> 使用>进行转义; >转载 2020-08-20 17:58:46 · 1385 阅读 · 0 评论 -
为el-col、el-row添加点击事件
为el-col、el-row添加点击事件要为el-col和el-row添加点击事件,不能用常用的v-on:click=”function()”或@click=”function()”添加点击事件,应该使用v-on:click.native="function()"或@click=”function()”添加点击事件...转载 2020-08-20 17:57:03 · 5338 阅读 · 0 评论 -
解决Echart中点击图表后连续触发事件
解决Echart中点击图表后连续触发事件关于今天完善的柱状图点击事件时,一直有一个问题:第一次点击柱状图时点击事件只触发一次,点击饼状图第二次生成柱状图后,柱状图的点击事件就会触发两次,以此类推……最后越来越多。解决方案:...原创 2020-06-12 11:56:25 · 416 阅读 · 0 评论 -
Echart的一些属性
Echart的一些属性1.设置Y轴不能为小数2.柱状图数值为0时不显示3.Echarts调整图表上下左右的间距,Echarts调整柱状图左右的间距参考网页【https://www.cnblogs.com/fanshuyao/p/6812312.html】原创 2020-06-12 11:50:59 · 142 阅读 · 0 评论 -
layui组件中layerform相关
layui组件中layerform相关1.关于layerform刷新界面(重载框架)的方法,需求是这样:在“附件列表”界面点击新增附件的操作后,转到“新增附件”界面,当新增操作完成后需要自动刷新(重载其框架)“附件列表”以查看最新的结果。实现的方法是在回调函数callback中加上“location.reload()”2.打开的layerform不显示按钮...原创 2020-06-12 11:36:54 · 976 阅读 · 0 评论 -
解决url之间传递中文参数时出现乱码
解决url之间传递中文参数时出现乱码解决方案:传递中文的时候需要解码和编码:最后结果:原创 2020-09-01 16:36:41 · 144 阅读 · 0 评论 -
使用js生成guid
js生成guid原创 2020-09-01 16:37:38 · 172 阅读 · 0 评论 -
VUE+Element UI实现表格行内编辑
VUE+Element UI实现简单的表格行内编辑介绍关于VUE+Element UI实现简单的表格行内编辑效果(即点击相应的行后,实现当前行的编辑),这个功能的实现可以用于编辑的时候,涉及少数内容的编辑,并且还有一个好处是不用新弹出一个窗口进行编辑,这就节省了一定的代码量。实现这一功能是借鉴了网上的一篇博客行内编辑效果,原理是通过Css控制绑定的输入控件与显示值,在选中行样式下对控件进行隐藏或显示。实现A.在样式表中加:B.在相应的el-table 中加:C.在对应的想要编辑的列加:原创 2020-06-12 10:42:50 · 5046 阅读 · 9 评论 -
C#实现字符串的查找(两种方法)
C#实现字符串的查找(两种方法)转载 2019-07-31 08:48:13 · 22232 阅读 · 0 评论 -
力软lrselect下拉框默认选择
力软lrselect下拉框默认选择使用 $(’#CobProj’).lrselectSet(data.data[0].f_id);原创 2020-06-09 19:00:24 · 3120 阅读 · 0 评论