2022年7月28日
雷达图
摘要： 原文链接：http://t.zoukankan.com/loveliang-p-13846653.html 1.1实现效果 1.2实现代码 option = { title: { text: '雷达图', textStyle: { color: 'rgba(221,221,221,1)', //标题 阅读全文
posted @ 2022-07-28 15:21 joyfulest 阅读(291) 评论(0) 推荐(0)
elementUI中设置3个el-col放在一行，当el-row超出一行后，只有一个el-col单独占用一行。如何取消他自己独占一行。
摘要： 问题：学院自动到第二行，不靠左开始放置 解决方法： 使用justify，在el-row上添加style=“flex-wrap: wrap; flex-direction: row” 就可以啦 <el-form :inline="true" label-width="100px" class="dem 阅读全文
posted @ 2022-07-28 10:49 joyfulest 阅读(8709) 评论(0) 推荐(0)
使用p标签导致字自动换行问题（希望取消换行）
摘要： 问题： <el-col :span="6" class="colp"> <el-card shadow="hover" class="elcard1"> <a @click="doMethod('review')"> <img src="../../../assets/icons/shortcut1 阅读全文
posted @ 2022-07-28 10:39 joyfulest 阅读(1234) 评论(0) 推荐(0)
2022年7月22日
vue前端页面Table表格中列数据错乱
摘要： 1.首先，检查了前端用于接数据的字段是否与后端传过来的字段相同，在确定传参没有出现问题之后，这个问题仍然存在。 2.发生原因：因为使用了elementui，表格通过循环产生，vue在dom重新渲染时存在一个性能优化机制，重复的dom会被复用。 3.解决方法：设置key确保是唯一的 在el-table 阅读全文
posted @ 2022-07-22 13:44 joyfulest 阅读(1902) 评论(0) 推荐(0)
2022年7月5日
npm warn config global `--global`, `--local` are deprecated. use `--location=global` instead.
摘要： 报错信息： npm warn config global `--global`, `--local` are deprecated. use `--location=global` instead. 报错截图： 解决方案 ：修改配置文件：具体方法：1.1可以使用命令行。找到npm的配置目录：npm 阅读全文
posted @ 2022-07-05 10:58 joyfulest 阅读(2841) 评论(0) 推荐(0)
2022年6月21日
DOM是什么？
摘要： DOM全拼为Document Object Model（文档对象模型）是一种用于HTML和XML文档的编程接口，它给文档提供了一种结构化的表示方法，可以改变文档的内容和呈现方式。 DOM概念本身： 普通文档（*.txt）和HTML/XML文档（*.html/*.xml）的区别仅仅是因为后者是有组织的 阅读全文
posted @ 2022-06-21 09:36 joyfulest 阅读(206) 评论(0) 推荐(0)
2022年6月13日
excel导出
摘要： Vue： 导出组件： <v-toolbar ref="toolbar" :top-line="true" :column-flag="false"> <template slot="left"> <el-button type="success" plain icon="el-icon-downlo 阅读全文
posted @ 2022-06-13 09:03 joyfulest 阅读(41) 评论(0) 推荐(0)
2022年6月2日
字体悬浮，将光标放到某一模块可以讲详细信息悬浮
摘要： 例如： <span class="detail" :title="list[i].location">{{ changeTitle(list[i].location) }} 使用title属性实现 双引号里面放需要展现的字段进行绑定 阅读全文
posted @ 2022-06-02 10:24 joyfulest 阅读(45) 评论(0) 推荐(0)
字段截取-设定字段过长自动变成........
摘要： 方法： changeTitle(val) { if (val.length > 9) { return val.substring(0, 9) + '..' } else { return val } } 数字9，是设定自动变为...的字数。 使用如下： {{ changeTitle(list[i] 阅读全文
posted @ 2022-06-02 10:21 joyfulest 阅读(42) 评论(0) 推荐(0)
Java-List根据某一字段排序
摘要： 根据业务需要根据 List 元素的某个字段进行大小排序，用 List 的流里的sort 方法： List<ReiFmsProjectVO> newList = voList.stream(). sorted(Comparator.comparing(ReiFmsProjectVO::getPerce 阅读全文
posted @ 2022-06-02 10:17 joyfulest 阅读(6634) 评论(0) 推荐(1)