- 博客(99)
- 收藏
- 关注
原创 ElementUI 用span-method实现循环el-table组件的合并行功能
需要把指定列的相同数据合并起来(项目中用的是updateTime)
2024-09-20 10:34:17 324
原创 在Vue中使用Element UI的el-tabs组件时,如果你想要在循环生成的el-tabs中单独切换每个tab,@tab-click 怎么绑定
【代码】在Vue中使用Element UI的el-tabs组件时,如果你想要在循环生成的el-tabs中单独切换每个tab,@tab-click 怎么绑定。
2024-09-11 17:31:36 138
原创 AntV G6 的坑之——渲染残留/残影
G6 4.x 依赖的渲染引擎 @antv/g@4.x 版本支持了局部渲染,带了性能提升的同时,也带来了图形更新时可能存在渲染残影的问题。比如拖拽节点时,节点的文本会留下轨迹。关闭局部渲染,graph.get("canvas").set("localRefresh", false);这个方法可能导致性能有所降低。
2024-08-29 17:02:59 247 2
原创 css实现线条中间高亮,左右两边模糊(linear-gradient的运用)
效果:CSS实现边框底部渐变色的方法:(最简单的一种) 参考文章:CSS实现边框底部渐变色的4种方法_css下边框渐变-CSDN博客
2024-07-24 13:52:24 478
原创 nuxt.js中使用axios以及二次封装
备注: 当使用脚手架create nuxt-app创建项目时,会提示是否集成axios。2.3: nuxt.config.js中配置axios项。普通使用方式网上查询,这里不再过多叙述。安装 @nuxtjs/axios。
2024-02-02 17:46:44 1785
原创 解决:前端js下载文件流出现“未知文件格式”错误
后端已经设置了charset=utf-8,前端也设置了responseType: 'blob', 但是下载下来文件还是格式错误,排查了很久,最后设置responseType: 'arraybuffer', 解决了问题。后续遇到问题继续补充,在这里得研究一下responseType: 'blob' 和 responseType: 'arraybuffer'的区别。出现的问题,前端已经设置了responseType: 'blob',下载下来还是格式不对。
2023-11-23 17:14:02 1430
原创 vue项目使用highlight.js 代码高亮插件,并给它添加行数
/ main中引入语法高亮配置。,在main中引入即可使用,是我的目录 改成自己的;
2023-10-19 20:44:36 1681
原创 使用@antv/x6-vue-shape 遇到的问题
最近用@antv/x6开发一个功能,遇到的坑太多了,心累啊。使用npm i 安装的vue-demi。
2023-08-18 13:45:24 2219
原创 element ui form表单循环嵌套 及嵌套表单item的校验方法
【代码】element ui form循环嵌套表单 及嵌套表单的验证方法(校验)
2023-07-26 17:27:00 1817
原创 element ui el-time-picker组件赋值 (HH:ss) 后界面不显示
调用:this.converTime("22:20")解决办法:字符串转date。
2023-04-12 16:40:19 969 1
原创 解决Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location问题
vue-router重复路由跳转报错:Uncaught (in promise) NavigationDuplicated: Avoided。
2023-01-31 16:23:08 429 2
原创 vant 文件上传
<van-uploader v-model="uploader" :max-count="1" :before-read="beforeRead" :after-read="afterRead" :before-delete="delImgId" > </van-uploader>js:beforeRead(fil.
2022-02-21 19:02:51 3860
原创 vue之element-ui文件上传
对于文件上传,实际项目中我们的需求一般分为两种:1. 对于单个文件的上传,直接上传到服务器;官网api:http://element-cn.eleme.io/#/zh-CN/component/upload<el-upload class="avatar-uploader" action="" :http-request="uploadimage" :before-upload="b.
2022-02-21 18:40:15 7416 1
原创 异步加载js
export default class APILoader { constructor(props) { this.apiURL = props; this.scriptId = encodeURIComponent(props).replace(/[.|:|%|h|t|p|s]/g, ''); } buildScriptTag() { const prevScript = document.getElementById(this.scriptId); if.
2022-01-25 15:38:42 842
原创 时间刻度组件
最近遇到一个类似钉钉时刻的需求,如图所示:代码:<template> <div class="sign-wrap"> <div class="meeting-sign-wraper"> <div class="close_box"><img src="./img/x.svg" alt="" /></div> <div class="screen-guide" @click="jum
2021-12-28 19:29:33 628
原创 js 实现文件导出、文件下载
后台返回的文件流格式下载方式:方法:// 文件下载 // content: 后台返回的文件流, fileName: 文件名 downLoadFile(content, fileName) { const blob = new Blob([content]); if ('download' in document.createElement('a')) { // 非IE下载 const elink = document.cr..
2021-07-05 14:11:05 266
原创 前端利用jsencrypt.js进行RSA加密
1. 安装npm install jsencrypt2.引入import JSEncrypt from 'jsencrypt'// import JSEncrypt from 'jsencrypt/bin/jsencrypt'import JSEncrypt from '../../public/utils/jsencrypt.min'// 密钥对生成 http://web.chacuo.net/netrsakeypairconst publicKey = 'MF...
2021-06-24 17:07:43 734
原创 echarts折线图阴影设置
html代码:<!-- 为ECharts准备一个具备大小(宽高)的Dom --><div id="personCountChart_parent"> <div id="personCountChart" style="width: 100%; height: 100%"></div> </div>
2021-06-08 16:04:35 2082
原创 elementui限制日期控件选择范围
最近有个需求: 日期选择范围需要有个时间区间,如下图所示:图一:图二:图二的选择范围需要在图一的时间周期内选择文档:html代码:<el-form-item label="时间:"> <el-date-picker v-model="dateValue" size="small" type="daterange" range-sepa
2021-06-08 15:52:08 188
原创 Element-ui 日期选择插件icon图位置调整
直接上图:代码:// 日期样式// .el-range-editor--small.el-input__inner {// height: 30px;// padding: 3px 0px;// }/deep/.el-date-editor .el-range-separator { color: #979797 !important; width: 8%; font-size: 12px;}/deep/ .el-date-editor .el-range__
2021-05-11 15:15:19 2797 3
原创 element-ui el-tooltip 不显示的问题
最近做项目遇到一个问题,el-tooltip 组件里面如果包裹多个元素的话,不显示。解决办法如下:
2021-04-21 18:07:59 4450 4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人