自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(36)
  • 收藏
  • 关注

原创 vue3中 a-table设置某一个单元格的背景颜色

思路:通过官方文档提供的customCell进行判断设置不同的颜色背景,案例中进行了简单的行列判断,同学们可以根据自己的需求修改判断条件,动态实现不同的单元格背景颜色的变化;需求:根据某一个单元格中的某个条件不同,设置动态的颜色;

2024-10-10 15:27:55 531

原创 vue3封装数字上下滚动翻牌器,

优点:可以传入字符串设置初始数字位数,也可以直接传入数字,让他自己根据位数渲染。

2024-09-11 16:11:04 412

原创 a-table 定时平滑轮播组件

a-table 定时平滑轮播组件,轮播封装

2024-09-09 17:52:32 874

原创 echarts 固定柱状图的宽高,设置类别之间的间距为固定值(不让 ECharts 自动调整)

echarts 固定柱状图的宽高,设置类别之间的间距为固定值,不让 ECharts 自动调整

2024-09-05 10:24:48 751

原创 echarts 引导线没有显示,或者显示不全问题

hideOverlap: false, // 不隐藏重叠标签。

2024-08-20 14:33:54 373

原创 And table 表格实现表头斜杠样式,自定义表头展示文字内容

And table 表格实现表头斜杠样式,自定义表头展示文字内容

2024-08-07 09:23:23 217 1

原创 SyntaxError: Expected property name or ‘}‘ in JSON at position 2 (line 1 column 3) at JSON.parse

从数据格式来讲,我们获取到的是一个 HTML 转义过的 JSON 字符串。HTML 转义会将一些特殊字符(例如 " 和 <)转义为其 HTML 实体形式,如 &quot;(代表 ")和 &gt;(代表 >)。在 JSON 字符串中,&quot; 和 &gt; 需要转换回其原始字符,才能正确解析。所以解决办法我们可以通过下面的步骤进行解决:1. 将 HTML 实体转换为普通字符需要先将转义的 JSON 字符串恢复成标准 JSON 格式。可以使

2024-07-30 09:54:55 635

原创 a-table 自定义排序,取消排序取值

需求:点击排序,降序、升序、取消都要触发请求;

2024-07-09 15:47:01 180

原创 vue3 使用JsMind的方法,JsMind节点点击事件,以及引入提示报错,无法找到模块“jsmind”的声明文件

vue3 使用JsMind的方法,JsMind节点点击事件,以及引入提示报错,无法找到模块“jsmind”的声明文件

2024-06-25 14:04:53 1652 4

原创 拖拽实现div上下互换

因为我这个结构是通过for循环出来的,所以使用transition-group标签进行包裹,class采用动态标识处理避免初始化页面的动画效果,因为禁用初始动画的配置项在我这里不适用,大家可以自行设置;

2024-06-13 15:49:37 252

原创 echarts自适应,一直报警告has been disposed

echarts

2024-05-17 09:26:06 638

原创 leaflet 实现地图上标记的发散闪烁动画-最新

leaflet 实现地图上标记的发散闪烁动画

2024-05-15 17:31:09 453

原创 table 原生表格添加、修改某一个单元的边框样式

原生table,动态控制单元格的点击样式,设置单元格的边框,自定义单元格样式

2024-04-18 15:12:53 409

原创 and menu 导航菜单栏自定义 标题新增图标 vue3

and menu 导航菜单栏自定义 标题新增图标 vue3

2024-03-14 16:24:52 414

原创 关于antd vue 中table的单元格单击或者双击某个编辑事件,配合customCell的用法,可以编辑某一个单元格。

这里通过单元格点击cellEdit事件的单点事件,触发了cellEdit编辑函数,需要双击修改的可以使用onDblclick事件改为双击。首先看数据格式:这里因为是自己加的行,所以设定了一个随机id,大家可以通过index进行设置key也是可以的。editableDataField:为动态编辑的对象,用来获取某一行,由此确定编辑某一个单元格。contentBeingEdited:为自定义声明的string值,用于获取编辑的是哪一列。需求:动态生成一个单元格,点击生成的某一个单元格可以修改他的text值。

2024-03-11 10:55:29 2212

原创 Ant table嵌套子表格-如何隐藏、去除子表左侧的展开图标

****************************************踩坑不易,关注可见*****************************************//****************************************踩坑不易,关注可见*****************************************/解决办法:使用插槽解决,注释掉。

2024-03-08 14:46:53 821

原创 vue3使用echarts的tooltip不显示问题,以及echarts销毁重新绘制问题,解决echarts环形图值为零,背景环形绘制不出来或延时绘制的问题。

vue3使用echarts的tooltip不显示问题,以及echarts销毁重新绘制问题,解决echarts环形图值为零,背景环形绘制不出来或延时绘制的问题。

2024-03-04 15:01:54 655

原创 vue3 树形组件and tree组件,增加输入框,输入联动筛选搜索功能

需求:下方是多个树形组件,可能存在多级,我们要在最上方加一个input输入框,输入内容,自动筛选出已经有的一个或多个数据,并且打开已有项,进行展示。1.首先是template结构 给input增加了一个change事件,通过e就可以拿到当前的输入内容,进行触发修改2.方法筛选过滤处理数据,进行筛选准备值筛选展开对应的树形key输入筛选

2024-01-23 14:21:15 645 1

原创 leftMap海图封装全局公用绘制方法,多图层同时绘制

每次绘制之前调用 mapStore.removeLayerGroup()清除之前的图层,避免vue3的多次执行onMounted问题。业务需求:同一个页面能够打开多个弹框,分别绘制对应的点位或图形,关闭某个弹框清除对应的图层,不影响其他图层的正常使用。1.初始化onMounted的时候执行获取数据的操作,请求list数据获取需要撒点的所有图标以及经纬度信息。2.执行list接口,采用回调函数的方式,获取到数据后,在vue里进行。(修改点位后取消,恢复原有点位,减少重绘)”(清除旧点位,添加新点位);

2024-01-18 10:13:54 512 1

原创 a-range-picker日期时间范围,时间默认值取00:00:00

and 组件range-picker自定义默认时间

2024-01-16 15:45:09 1429 1

原创 组件leftmap组件,应用海图撒点、删除某个点位、编辑修改点位案例(保姆级教程)

leftmap组件,海图撒点、编辑点位、删除点位、新增点位

2024-01-04 12:05:28 440 1

原创 组件leftmap常用API集合,绘图撒点的方法总结(持续更新)

四、地图撒点,多变形绘制的方法和案例。1.海图撒点的方法案例。一、地图组件的安装引用。二、创建绘制图层的方法。三、地图撒点的方法案例。五、复杂逻辑的使用介绍。2.多边形的海图绘制。

2023-12-27 17:01:21 519 1

原创 鸿蒙开发 DevEco Studio 3.1 Release 下载sdk报错的解决办法

鸿蒙开发 DevEco Studio 3.1 Release 下载sdk报错的解决办法

2023-11-25 21:20:14 3246 4

原创 echarts雷达图,自定义环形圈数和环形的分布样式

echarts雷达图

2023-10-08 13:53:06 1077 1

原创 antv G2Plot折线图+多个堆叠柱状图

antv G2Plot折线图+多个堆叠柱状图

2023-09-13 18:02:34 1472 1

原创 前端导出pdf文件,导出dom的内容为pdf格式

前端pdf导出功能,html2canvas 和 JsPDF组件的应用,文件导出

2023-09-01 15:39:15 403 1

原创 Calendar 日历自定义组件 ant-design日历修改自定义

Calendar 日历自定义颜色、样式,大小

2023-09-01 11:19:43 2347 1

原创 ant-table自定义表格,表头和表格拆分,自定义点击事件,扁平化数据处理拆分(vue2)

ant-table自定义表格 单元格拆分 自定义单元格 单元格自定义点击事件

2023-08-10 10:34:44 1316 1

原创 公用组件,封装时钟翻牌器,自动数字补零

自动翻牌

2023-05-22 14:05:44 171 1

原创 地图组件海图定位

window.leafletMap.setView([29.834686, 121.79306], 11);

2023-05-10 15:34:30 74

原创 swiper轮播图,抽离公用组件vue2(本项目版本为9.1.1)

暂无图片

2023-04-24 17:36:19 166

原创 echarts图的点击事件,以及柱状图扩大hover提示区域

echarts图的点击事件,扩大echarts的hover点击区域

2023-04-11 10:25:10 1410

原创 ant carousel走马灯使用echarts图表,最后一页渲染不出来的问题

使用ant design组件库里的Carousel走马灯组件会出现一个bug

2023-02-23 15:38:28 1843 1

原创 Ant Design Vue 走马灯 自定义单页展示多张图片,控制每次轮播张数的方法

我们可以看到官网给的api是没有这种功能,百度上也多是在css上动刀,那样也就毕竟繁琐了,我们是什么?我们是程序猿啊,程序猿就该有程序猿的样子,怎么能写繁琐的东西呢,那还怎么为公司项目提高效率!

2022-12-02 09:15:02 1441 7

原创 ant customRender合并单元格(vue2)

/这里gpsNumber是我需要判断的字段名(相同就合并)//this.dataSource是我们拿到的所有数据。title: "标题",废话不多说,直接上代码。

2022-12-02 09:09:59 703

原创 a-table的斑马纹以及hover样式的修改(vue2)

由于官网ant组件里vue2的table组件里并没有修改成为斑马纹的APL直接方法,所以我们可以使用css进行设计,我这是直接使用css进行修改,方便快捷,菜鸡小白。

2022-11-20 11:26:24 1051

空空如也

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

TA关注的人

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