自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(43)
  • 问答 (1)
  • 收藏
  • 关注

原创 vue3 echarts 仪表盘,完整代码

直接复制即可

2024-06-21 11:27:08 641 1

原创 Vue3-Vite-ts 前端生成拓扑图,复制即用

使用dagre-d3,vis.js 两种方法

2024-05-30 17:52:35 844

原创 使用echart绘制拓扑图,树类型,自定义tooltip和label样式,可收缩

完整代码引用即可

2024-03-18 14:46:47 811

原创 Vue3 div自动滚动

vue3 div自动滚动。

2024-03-12 15:47:07 308

原创 flex布局 底部居中,不限制宽度,超出加滚动条

当宽度小于设定的80%宽度时,flex布局不居中,加上 justify-content: center;数据多时会有左侧数据被隐藏,可以再设置动态样式加上。

2024-03-11 11:49:05 353

原创 一些公共方法。utils存放

三、柱状图数据较多时,横坐标自动滚动。注意以上在组件销毁时,定时器需要关闭。二、el-table 自动滚动。2.返回http url地址。

2024-03-04 15:24:22 207

原创 echart间隔时间请求接口,重新渲染。封装公共方法,方便调用

echart固定时间请求接口,重新渲染。

2024-03-04 14:58:41 205

原创 el-table 选择回显 分页保存已选数据

每次请求都执行一次setSelectRow方法。针对表格数据多选,回显,分页还要保存已选数据。otherSelect 非当前页选中的数据。selectList 就是最终选中的数据。tableList 当前页表格数据。selectList 初始数据。给el-table 添加属性。

2024-02-02 15:02:02 691

原创 vue3 vuedraggable draggable element must have an item slot

看官网使用这种<template #item=“{ element }”>

2024-01-04 14:52:28 580 1

原创 从零开始使用Konva,画图并绑定节点。

vue3+vite+ts实现实现电子地图,左侧列表可拖拽绑定地图可绑定点设备坐标。

2024-01-04 14:43:01 616

原创 JS 利用Map实现数组对象合并 并删除重复数据

【代码】JS 利用Map实现数组对象合并 并删除重复数据。

2023-12-29 13:37:55 543

原创 echarts 简单渐变折线图

eslint校验下数据使用。

2023-11-03 15:21:02 204

原创 最新 vie-vite框架下 jtopo安装使用

Vue + vite + jtopo 本地项目测试成功

2023-11-03 15:00:16 769 4

原创 Syntax Error: Unexpected token (1:552) Vue编译错误

查看html代码中有无使用三目运算符 或类似?这个写法在不同同事电脑间好时坏,尽量不要用,若要写可用计算属性替代。也有可能是哪个webpack 问题,暂时没有找到。观察下面定位的哪个vue文件。尝试注释后项目可运行。

2023-08-30 10:53:37 140

原创 vscode 前端开发插件 2023

如果是scss less的话。css peak插件无法生效。js+html+css文件都可以显示。CTRL+点击类名可跳转到对应样式位置。chinese+git 必装没啥可说。可以看到每一行的git提交记录。可以同步更新前后标签名。

2023-08-01 16:58:44 789

原创 Echart 饼图label formatter 颜色样式

饼图label 换行,加颜色

2023-07-13 16:08:31 1113

原创 JS 两个数组通过对象映射绑定

页面渲染时使用了一个数组,而接口也返回了一个数组。两个数组有部分数据重合,但不能完全使用接口返回的。需通过两个数组重合的唯一字段关联

2023-07-13 15:42:55 251

原创 el-tree 多选限制选中个数

1、el-tree至多选10个,超过后无法再勾选。2、当勾选父节点时不自动勾选子节点;

2023-06-28 10:51:23 1677

原创 【element】】只用一个el-date-picker组件,限制选中时间的前后30天范围可选

只用一个时间组件,在选中一个时间后,自动限制另一时间的选择

2023-06-20 14:35:14 393

原创 js原生xhr处理文件下载问题

文件下载处理方法1.xhr请求。blob2.window.location.href

2023-02-24 17:10:02 1040 2

原创 Jq jsp layui 使用 select option input[checkbox] 赋值后没有变化

jsp项目 layui

2023-02-17 15:28:21 322

原创 Error during artifact deployment. See server log for details.解决

idea 卡主 Error during artifact deployment. See server log for details.

2023-02-16 12:04:06 91

原创 echart 自定义好看的仪表盘

echart 仪表盘

2023-02-01 15:55:42 1910

原创 小程序 wxml代码里调用方法

wxml文件调用函数返回

2023-02-01 15:37:10 1085

原创 小程序 图片上传 限制个数,重选,删除问题

代码全,可实现

2023-02-01 15:24:19 453

原创 微信小程序 左右滑动方法

使用bindtouchend bindtouchmove bindtouchstart实现

2022-12-15 15:56:56 3569

原创 jTopo 场景移动,节点位置保持不变

vue内使用jtopo插件,移动场景sence时node节点位置保持不变

2022-11-21 16:37:20 309

原创 Element-UI 组件MessageBox 弹框 关闭遮罩层

关闭遮罩层方法

2022-11-04 09:25:30 2741

原创 element-ui 日期时间选择器 ,利用时间戳实现表单验证

element-ui 日期时间选择器 ,利用时间戳实现表单验证。补充了picker-options的使用

2022-09-01 14:07:22 1106

原创 el-date-picker 时间选择器 自定义年月日格式

el-date-picker 时间选择器 自定义年月日三种选择年后,选月份时会默认所选年份,日期一样当自选日期后,年份月份也会与当前选择一致代码 <div class=''> <span>年</span> <el-date-picker v-model="selectYear" size='mini' type="year" @change='selectYearFun'

2021-11-15 14:29:33 5393

原创 el-upload 自定义上传并校验文件格式

功能:选择图片或其他文件格式,切换类型或格式错误时删除已上传文件vue <el-form-item label="文件类型"> <el-radio-group v-model="form.fileType" @change='fileList=[]'> <el-radio label="0">图纸</el-radio> <el-radio label="1">说明文档</el-radio>

2021-11-03 11:06:25 1592

原创 记录使用QRCode 显示并下载二维码图片

记录使用QRCode 生成二维码项目安装qrcode 命令:npm install --save qrcodejs2引入 import QRCode from ‘qrcodejs2’后端提供qrcodeId使用场景vue element el-table例如表格数据tableDatamounted(){ this.tableData = [ {qrCodeId:'147152707256324096'} ] this.tableData.forEach(item=>{ this.q

2021-09-14 16:07:56 1596

原创 el-table中的el-popover属性 使用trigger=“click“ ,通过点击按钮也能关闭

案例:点击某个表格修改数量,点击确认后关闭popover<template slot-scope='scope'> <el-popover popper-class='changeNum' placement="right" width="200" :ref="`popover${scope.$index}`" title="修改数量"

2021-08-26 16:02:40 3187

原创 Element 对el-table-column prop值格式化处理

<el-table :data="tableData"> <el-table-column prop="timestamp" label="时间" :formatter='filterTime'></el-table-column> </el-table>案例:后端返回的时间格式是时间戳形式,需要显示为2021-08-23格式使用官方给出的方法methods:{ filterTime(row, column, cellValue){

2021-08-23 17:15:18 2481

原创 echarts饼图指示线样式加圆点,配置解释全

完成图代码写在vue data()里,具体格式看框架option: { //鼠标移动到饼图某一块时弹出 tooltip: { trigger: 'item', formatter: '{b} : {c}',//b为数据名,d为数据值 }, //颜色与series data里的按顺序的一一对应 color: ['#33db88', '#29c921','#dd385e','#7d00fb','#3

2021-07-30 10:58:55 5856

原创 js计算时间方法,返回时间格式yyyy-MM-dd hh:mm:ss

调用方法let nowDay = new Date();let endTime = timesFun(nowDay,0)let startTime = timesFun(nowDay,3) //三个月前/** * 返回时间格式为2020-04-22 14:02:15 * @Params num 月份数 * */function timesFun(time,num){ let year = time.getFullYear(); let month = time.getMon

2021-05-06 13:42:03 338

原创 使用Echarts创建好看的仪表盘

项目在用vue框架思路是使用多个仪表盘拼接data(){ return{ option:{ series: [ //最外的圆圈(外层刻度) { type: 'gauge', center: [ '50%', '55%' ].

2021-04-30 15:22:55 1591

原创 WebStorm右端小地图/代码收缩图

WebStorm右端小地图/代码收缩图显示关闭快捷键ctrl+shift +g

2020-12-01 15:05:49 3121

原创 vue使用sessionStorage存储数据,页面不能实时更新

在vue中使用sessionStorage存储数据,当数据变化时页面不及时更新数据,需F5刷新页面才变化其他页面存储,另一父组件页面获取,子组件渲染,刚开始一直以为是父子组件传递数据这里有bug一、首先在main.js中声明全局变量这段代码是在网上找来的,这个key===的值为你存储sessionStorage声明的key// 只需修改xxxxx值,其余无需修改Vue.prototype.resetSetItem = function (key, newVal) { if (key === '

2020-11-23 15:16:18 7755 2

原创 JS如何利用时间戳来计算某一时间的前后时间

计算某一时刻n分钟前后的时间let newTime = new Date('2020-10-28 15:20:56');let fiveMinBefore = newTime.getTime() - 5 * 60 * 1000;let fiveMinAfter = newTime.getTime() + 5 * 60 * 1000;let startTime = getTime({ setTimes: new Date(fiveMinBefore), type:'yy-mm-dd hh:mm:s

2020-11-12 14:38:44 1212

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除