![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
khadijiah
快快乐乐
展开
-
vue监听(watch)数组变化
vue监听(watch)数组变化原创 2022-02-25 15:37:23 · 20916 阅读 · 2 评论 -
element Table 修改表头样式,添加提示
<el-table-column prop="name"> <template slot="header" slot-scope="scope"> <span>名字</span> <el-tooltip class="item" effect="dark" content="这是提示文字" placement="right"> <i class="el-ic...原创 2021-08-30 16:48:14 · 312 阅读 · 0 评论 -
element-UI嵌套使用dialog导致蒙层冲突的问题
直接上方法,有效利用官网提供属性对外层Dialog设置 :modal-append-to-body="false"对嵌套里面的dialog设置:modal-append-to-body="true" :append-to-body="true"看效果:原创 2021-07-02 14:58:45 · 992 阅读 · 0 评论 -
2020-12-23 vue js实现标签选中样式
记录效果如图:实现过程:.pug(html) .row(:gutter='10') el-col(:span='5') span.reminder-text 商品标签: el-col(:span='20').skuTagsArea .tagGroup(v-for='(item, index) in tagAll') .tagName {{item.tagName}} .原创 2020-12-23 20:06:10 · 548 阅读 · 0 评论 -
Vue-点击复制内容方法 — clipboard的使用
clipboard.js:clipboard.js是一款轻量级的实现复制文本到剪贴板功能的JavaScript插件。通过该插件可以将输入框,文本域,DIV元素中的文本等文本内容复制到剪贴板中clipboard.js支持主流的浏览器:chrome 42+; Firefox 41+; IE 9+; opera 29+; Safari 10+;下载npm install clipboard --save使用clipboard复印内容的方式有从target复印目标内容通过function 要复印原创 2020-07-21 17:16:19 · 972 阅读 · 0 评论 -
后端使用echo格式: “\033[字背景颜色 字体颜色m字符串\033[0m“ 前端解析
需求:需求是日志加载向上滑动滚动分页,并解析后端返回字符串中含有的特殊字符并替换成标签修改特殊字符包裹文本的样式后端使用echo格式:使用的命令如下:echo -e "\033[30m 要修改样式的文本 \033[0m"echo -e "\033[31m 要修改样式的文本 \033[0m"echo -e "\033[32m 要修改样式的文本 \033[0m"方法:正则匹配、替换关键代码及注释:常量定义:func.js/** * 处理日志字体高亮 */import { isEx原创 2020-07-21 17:00:04 · 1799 阅读 · 0 评论 -
使用EChars实现较为复杂的甘特图,包含多任务组合,完整到mock好数据的代码
最近接到一个将多人任务进度做成甘特图的需求,本以为用echars很容易就实现了,没想到啊,断断续续搞的头大,大概就是使用EChars官网的实栗不足以打到需求目标,所以开始了我为期一周的修修补补,终于是完成了,写一下总结:包含了缩放、横轴分组显示一行展示多条内容、以及数据之间的对比效果首先效果图上个: 数据mock有点少,可自行添加,项目中数据量大,我添加了分页,可按需添加点击效果:点击对比效果:右边的点击效果这次需求赶还没有添加,后续更新。。。上代码啦完整到带mock数据的代码~~ind原创 2020-05-23 18:19:21 · 2559 阅读 · 1 评论 -
vue中使用element-ui里的table中表头与表格出现错位问题
现象:原因:电脑显示的缩放引起的,并且发现同为webkit内核的Google浏览器和360浏览器中360浏览器显示正常,而Google浏览器才会出现这个问题。解决方案:找到项目入口文件(敲黑板重点!!),添加全局样式:.el-table th.gutter{ display: table-cell!important;}效果:完美啦,看着顺眼多了吧~...原创 2019-11-14 15:17:23 · 8433 阅读 · 2 评论 -
vue使用webpack构建时的报错
错误如下:No parser and no filepath given, using 'babel' the parser now but this will throw an error in the future. Please specify a parser or a filepath so one can be inferred.解决:方法一:升级:vue-loader@1...原创 2019-08-14 16:10:02 · 433 阅读 · 0 评论 -
后端传数据字符串带‘\n\r’时的前端渲染
直接上方法:下面是后端部分含有\n\t的数据:不起作用的方法:message.replace('\\\n\r\','</br>');不知道为什么没有起作用起作用的方法:用cssscss: .item { padding: 5px 0; max-height: 400px; overflow-y: scroll; white-spac...原创 2019-06-27 20:13:35 · 1713 阅读 · 0 评论