- 博客(36)
- 收藏
- 关注
原创 vue3中 a-table设置某一个单元格的背景颜色
思路:通过官方文档提供的customCell进行判断设置不同的颜色背景,案例中进行了简单的行列判断,同学们可以根据自己的需求修改判断条件,动态实现不同的单元格背景颜色的变化;需求:根据某一个单元格中的某个条件不同,设置动态的颜色;
2024-10-10 15:27:55 531
原创 echarts 固定柱状图的宽高,设置类别之间的间距为固定值(不让 ECharts 自动调整)
echarts 固定柱状图的宽高,设置类别之间的间距为固定值,不让 ECharts 自动调整
2024-09-05 10:24:48 751
原创 SyntaxError: Expected property name or ‘}‘ in JSON at position 2 (line 1 column 3) at JSON.parse
从数据格式来讲,我们获取到的是一个 HTML 转义过的 JSON 字符串。HTML 转义会将一些特殊字符(例如 " 和 <)转义为其 HTML 实体形式,如 "(代表 ")和 >(代表 >)。在 JSON 字符串中," 和 > 需要转换回其原始字符,才能正确解析。所以解决办法我们可以通过下面的步骤进行解决:1. 将 HTML 实体转换为普通字符需要先将转义的 JSON 字符串恢复成标准 JSON 格式。可以使
2024-07-30 09:54:55 635
原创 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
原创 关于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
原创 组件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
原创 ant-table自定义表格,表头和表格拆分,自定义点击事件,扁平化数据处理拆分(vue2)
ant-table自定义表格 单元格拆分 自定义单元格 单元格自定义点击事件
2023-08-10 10:34:44 1316 1
原创 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
空空如也
关于#javascript#的问题:当内容为文字就不会消失
2023-02-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人