自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 qiankun子应用vue加载js资源失效问题解决

在使用qiankun插件如果同一个基座对应不同的微应用时,此时子应用中需要引入某个外部js资源,单独访问子应用时没有问题,但是如果通过基座访问子应用时则在index.js 通过src引入的外部js文件就会不生效,此时可以在setup 中创建script标签的方式通过src属性引入外部js资源。

2024-07-13 14:50:38 134

原创 Vue3 对于内嵌Iframe组件进行缓存

对于系统内所有内嵌iframe 的页面均通过同一个路由'/iframe', 在router.query内传入不同src 参数,在同一组件内显示iframe 内嵌页面,对这些页面分别进行缓存。3.4 在template 部分增加 组件通过v-show 控制ifram 路由缓存的组件是否渲染。// 保存相同iframe 组件修改之后的组件名称同iframe套壳组件的映射关系。3.3 对同一iframe 路由传入不同参数的组件套壳修改name 进行缓存。-- iframe 组件缓存 -->

2024-07-06 11:25:59 1115

原创 Vue3 对跳转 同一路由传入不同参数的页面分别进行缓存

watch 监听对于route.query 是否存在catchName 参数的路由分别进行缓存。path: '/myRouter/detail', // 路径。从列表页跳转至不同的详情页面,对这些详情页面分别进行缓存。keepAlive: true, // 是否被缓存。在路由文件里对需要进行缓存的路由对象添加meta 属性。-- 有条件的进行缓存 -->// 需要缓存的详情页面路由。

2024-07-06 11:09:10 939 1

原创 ResizeObserver监听画布尺寸改变动态渲染echarts

在日常开发中有时遇到同数据相关的业务可能会用到echarts插件。一般在封装echarts组件的时候大家可能都会通过windows对象监听浏览器窗口大小的改变动态渲染echarts,这样当echarts窗口改变导致echarts画布元素大小改变的同时,就能调用相关api进行重绘。这样统计图就能一直充满canvas画布了,并能适配尺寸的电脑屏幕。但是在有些业务场景下,对于同一台电脑而言,窗口大小不会改变,但是会动态修改echarts绑定的dom元素的宽高。

2024-06-03 22:41:13 333

原创 CodeMirror 创建标签计算编辑器

在日常开发中对于一些数据计算场景可能会遇到标签计算的需求,下面关于如何使用CodeMirror实现标签计算编辑功能。

2024-06-01 16:36:10 530

原创 Echarts x轴坐标二级分组

在使用echarts 封装组件的时候,偶尔会遇到需要x轴坐标进行二层分组的需求。那么如何对echarts 进行二层分组呢,有以下几个步骤:仅介绍二层分组的逻辑。有兴趣的可以进行三层延伸。

2024-05-28 19:29:15 1008 2

原创 vxetable 如何修改行点击高亮背景色

根据row-style 属性绑定的方法,根据回调参数{rowIndex} ,判断如果当前索引和记录点击高亮行的索引相同,则。在使用vxetable中的表格组件时,有时会遇到修改点击高亮行背景色的情况。要修改高亮行背景色只需要以下两步即可。根据传入的高亮背景色,对行样式进行设置即可。

2024-05-28 19:03:29 406

原创 Element plus 低版本弹窗组件添加拖拽功能

在使用element plus 弹窗组件el-dialog 的时候,由于自己组件库版本过低,所以就会缺失某些功能,比如弹窗组件的可拖拽功能。因为某些原因element plus 组件库又不能升级,所以此时就需要自己为弹窗组件添加拖拽功能。插件中使用watch,只能执行一次,并不能监听store.visible 的改变。所以使用Object.defineProperty,监听store.visible。自定义插件,编写拖拽功能。

2024-05-27 23:36:55 349 1

原创 Window.open() 打开模态窗如何修改标题

Window.open() 打开模态窗如何修改标题

2024-05-26 17:11:42 394

原创 vuedraggable插件 修改元素首次拖拽进入占位样式

vuedraggable插件 修改元素首次拖拽进入占位样式

2024-05-26 16:39:01 318

原创 Vue3拖拽修改左侧元素宽度组件开发

Vue3拖拽修改左侧元素宽度组件开发

2024-05-26 16:32:00 360

原创 Vxetable多级表头情况下冻结列设置,左N列冻结,或者右N列冻结

Vxetable多级表头情况下冻结列设置,左N列冻结,或者右N列冻结

2024-05-26 16:23:57 507 1

原创 Vxetable 递归多级表头

Vxetable 递归多级表头

2024-05-23 16:04:58 507

原创 Vxetable 如何更新列属性,比如过滤,排序等等

Vxetable 如何更新列属性,比如过滤,排序等等

2024-05-23 15:59:55 358

原创 JS弹窗的实现

JS点击事件冒泡、捕获状态触发之弹框的实现

2023-12-03 21:44:14 198

原创 Echarts 如何配置颜色渐变

Echarts 如何配置颜色渐变

2023-09-24 11:58:30 4596

原创 echarts 如何配置让x轴坐标完全显示

echarts 如何配置让x轴坐标完全显示

2023-09-10 18:10:15 2306 1

原创 Vue3之vite打包优化

Vue3之vite打包优化

2023-06-26 15:48:29 6400

原创 Ant-design-vue 对比Element-plus的优缺点及不同之处

Ant-design-vue 对比Element-plus的优缺点

2023-06-20 10:56:04 4827

原创 基于AntDesignVue 自定义api方式生成全局加载loading效果

基于antdesignvue自定义api生成全屏加载loading

2023-06-15 18:10:08 3359 2

原创 [力扣] 三数之和

[力扣] 三数之和

2023-06-13 11:41:42 89

原创 ant-design-vue 树型table,当子数组为[](空数组)而非null时,控制左侧展开按钮不显示

ant-design-vue 树型table,当子数组为[](空数组)而非null时,控制左侧展开按钮不显示

2023-06-05 18:26:38 1049 4

原创 Vue3+Canvas实现俄罗斯方块

Vue3+Canvas实现俄罗斯方块

2023-05-11 11:23:20 694 1

原创 vue3中使用axios请求接口并针对返回json格式数据或二进制流数据做不同处理

vue3中使用axios请求接口并针对返回json格式数据或二进制流数据做不同处理

2023-04-17 19:07:00 2176

原创 Canvas绘制评分网格图表

Canvas绘制评分网格图表

2023-04-10 17:46:17 245

原创 [Vue Router warn]: No match found for location with path “/inheritDiagram/index“w

[Vue Router warn]: No match found for location with path

2023-04-08 10:51:05 742

原创 力扣-求最长回文子串

求最长回文子串

2023-03-19 11:44:46 99

原创 解决在弹窗中Vxe-table 中 tooltip 不生效bug

解决在弹窗中Vxe-table 中 tooltip 不生效bug

2023-03-10 09:08:51 1564

原创 解决Vxe-table配置序列项表格乱序bug

解决Vxe-table配置序列项表格乱序bug

2023-03-01 21:14:59 2144

原创 解决Vxe-table 当数据量过大时选择全选复选框延迟问题

解决Vxe-table 当数据量过大时选择全选复选框延迟问题

2023-02-21 14:07:05 2530 6

原创 Vue3使用canvas根据递归类型数据绘制继承树

Vue3使用canvas根据递归类型数据绘制继承树

2023-02-19 20:20:53 431

原创 Element-plus el-tree , el-select 联动实现 懒加载节点的树形选择器

Element-plus el-tree , el-select 联动实现 懒加载节点的树形选择器

2023-02-19 17:12:49 4293

原创 element-plus el-date-picker日期选择器绑定显示日期格式设置

element-plus el-date-picker日期选择器绑定显示日期格式设置

2023-02-05 22:24:12 2687 1

原创 Canvas 绘制三段式审批流程图

Canvas 绘制三段式审批流程图

2023-01-30 17:49:38 1292 1

原创 解决使用Canvas绘图边界模糊问题

解决Canvas绘图边界模糊问题

2023-01-30 09:20:54 1038

原创 vue3+vite2实现动态路由并且动态加载组件,避坑上线成功

vue3+vite2实现动态路由并且动态加载组件,避坑上线成功

2022-12-11 20:19:20 1382 2

原创 Vue3移动端的路由动态缓存之keep-alive的使用

Vue3移动端的路由动态缓存之keep-alive的使用

2022-12-08 22:13:49 2404

原创 Vue3在一个项目中同时适配PC和移动端布局之postcss-px-to-viewport插件的使用

Vue3在一个项目中同时适配PC和移动端布局之postcss-px-to-viewport插件的使用

2022-12-07 10:23:26 2631 5

原创 Vue3,使用axios实现文件下载功能

vue3 使用axios实现文件下载

2022-12-06 14:14:52 1158

原创 vue3如何实现使用SortableJs插件进行表格内的数据项拖拽排序

vue3 使用Sortablejs 完成拖拽排序

2022-12-06 14:01:08 5581

空空如也

空空如也

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

TA关注的人

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