梦凡尘-CSDN博客

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

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

2024-07-13 14:50:38 143

对于系统内所有内嵌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 1155

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

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

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

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

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

2024-06-03 22:41:13 342

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

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

2024-06-01 16:36:10 535

原创 Echarts x轴坐标二级分组

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

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

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

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

2024-05-28 19:03:29 417

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

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

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