![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3
梦凡尘
穷的吃不起饭。
展开
-
vue3 watch 监听表单绑定的对象 newVal 和oldVal 相同问题解决
vue3 中使用Element plus 表单组件绑定对象时,使用watch 监听绑定的变量,需要根据表单中某一个单选的值变化处理相应的代码逻辑。若要使用watch 监听formData 中某个属性的变化时,需要先将依据formData 使用computed 创建一个变量。之后再用watch 监听tempData 则就能在表单的操作中监听到formData 的变化。// 此时在表单的操作过程中,newVal, oldVal 就会不一样了,// 表单绑定的数据。原创 2024-08-12 15:48:23 · 295 阅读 · 0 评论 -
iframe 内嵌跨域页面如何做到高度自适应
parent.html 页面中通过iframe内嵌children.html页面,且children.html 页面高度是动态变化的,此时需要parent.html中的iframe的高度自适应children.hml 的高度,避免出现滚动条., 解决方法分为以下两步。// 此时监听统计图dom尺寸的改变,重载统计图。// child.html最外层元素 .page-container。// my-src 对应的是childrem.html 页面的地址。// 设置iframe 的高度。原创 2024-07-26 15:39:22 · 742 阅读 · 1 评论 -
postMessage 收到消息类型 “webpackWarnings“
当A系统中的parent页面使用iframe内嵌C系统的child页面,并且在parent页面中通过postMessageg给child页面发送消息时,如果C系统中使用了webpack,则webpack也会给child页面发送消息 ,消息类型为webpackWarnings。// 因为webpack 发送的数据是对象类型,parent 页面发送的是经过JSON.stringify转换的字符串类型的。// 过滤来自webpack发送的possMessage 消息。// 处理来自parent 页面的数据。原创 2024-07-26 15:35:59 · 987 阅读 · 0 评论 -
qiankun子应用vue加载js资源失效问题解决
/ 指定部分特殊的动态加载的微应用资源(css/js) 不被 qiankun 劫持处理。// 在入口方法的whiteWords 中创建白名单字段, 比如cdn_js。* @param {string} 要加载的外部资源链接。// 目标外部js资源地址+ '?* @description: 动态加载资源方法。原创 2024-07-13 14:50:38 · 269 阅读 · 0 评论 -
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 · 1522 阅读 · 0 评论 -
Vue3 对跳转 同一路由传入不同参数的页面分别进行缓存
watch 监听对于route.query 是否存在catchName 参数的路由分别进行缓存。path: '/myRouter/detail', // 路径。从列表页跳转至不同的详情页面,对这些详情页面分别进行缓存。keepAlive: true, // 是否被缓存。在路由文件里对需要进行缓存的路由对象添加meta 属性。-- 有条件的进行缓存 -->// 需要缓存的详情页面路由。原创 2024-07-06 11:09:10 · 1070 阅读 · 1 评论 -
ResizeObserver监听画布尺寸改变动态渲染echarts
在日常开发中有时遇到同数据相关的业务可能会用到echarts插件。一般在封装echarts组件的时候大家可能都会通过windows对象监听浏览器窗口大小的改变动态渲染echarts,这样当echarts窗口改变导致echarts画布元素大小改变的同时,就能调用相关api进行重绘。这样统计图就能一直充满canvas画布了,并能适配尺寸的电脑屏幕。但是在有些业务场景下,对于同一台电脑而言,窗口大小不会改变,但是会动态修改echarts绑定的dom元素的宽高。原创 2024-06-03 22:41:13 · 396 阅读 · 0 评论 -
CodeMirror 创建标签计算编辑器
在日常开发中对于一些数据计算场景可能会遇到标签计算的需求,下面关于如何使用CodeMirror实现标签计算编辑功能。原创 2024-06-01 16:36:10 · 565 阅读 · 0 评论 -
Echarts x轴坐标二级分组
在使用echarts 封装组件的时候,偶尔会遇到需要x轴坐标进行二层分组的需求。那么如何对echarts 进行二层分组呢,有以下几个步骤:仅介绍二层分组的逻辑。有兴趣的可以进行三层延伸。原创 2024-05-28 19:29:15 · 1255 阅读 · 2 评论 -
vxetable 如何修改行点击高亮背景色
根据row-style 属性绑定的方法,根据回调参数{rowIndex} ,判断如果当前索引和记录点击高亮行的索引相同,则。在使用vxetable中的表格组件时,有时会遇到修改点击高亮行背景色的情况。要修改高亮行背景色只需要以下两步即可。根据传入的高亮背景色,对行样式进行设置即可。原创 2024-05-28 19:03:29 · 535 阅读 · 0 评论 -
Element plus 低版本弹窗组件添加拖拽功能
在使用element plus 弹窗组件el-dialog 的时候,由于自己组件库版本过低,所以就会缺失某些功能,比如弹窗组件的可拖拽功能。因为某些原因element plus 组件库又不能升级,所以此时就需要自己为弹窗组件添加拖拽功能。插件中使用watch,只能执行一次,并不能监听store.visible 的改变。所以使用Object.defineProperty,监听store.visible。自定义插件,编写拖拽功能。原创 2024-05-27 23:36:55 · 425 阅读 · 1 评论 -
vuedraggable插件 修改元素首次拖拽进入占位样式
vuedraggable插件 修改元素首次拖拽进入占位样式原创 2024-05-26 16:39:01 · 374 阅读 · 0 评论 -
Vue3拖拽修改左侧元素宽度组件开发
Vue3拖拽修改左侧元素宽度组件开发原创 2024-05-26 16:32:00 · 467 阅读 · 0 评论 -
Vxetable多级表头情况下冻结列设置,左N列冻结,或者右N列冻结
Vxetable多级表头情况下冻结列设置,左N列冻结,或者右N列冻结原创 2024-05-26 16:23:57 · 606 阅读 · 1 评论 -
Vxetable 递归多级表头
Vxetable 递归多级表头原创 2024-05-23 16:04:58 · 555 阅读 · 0 评论 -
Vue3之vite打包优化
Vue3之vite打包优化原创 2023-06-26 15:48:29 · 6492 阅读 · 0 评论 -
基于AntDesignVue 自定义api方式生成全局加载loading效果
基于antdesignvue自定义api生成全屏加载loading原创 2023-06-15 18:10:08 · 3636 阅读 · 2 评论 -
ant-design-vue 树型table,当子数组为[](空数组)而非null时,控制左侧展开按钮不显示
ant-design-vue 树型table,当子数组为[](空数组)而非null时,控制左侧展开按钮不显示原创 2023-06-05 18:26:38 · 1134 阅读 · 4 评论 -
Vue3+Canvas实现俄罗斯方块
Vue3+Canvas实现俄罗斯方块原创 2023-05-11 11:23:20 · 722 阅读 · 1 评论 -
vue3中使用axios请求接口并针对返回json格式数据或二进制流数据做不同处理
vue3中使用axios请求接口并针对返回json格式数据或二进制流数据做不同处理原创 2023-04-17 19:07:00 · 2334 阅读 · 0 评论 -
Canvas绘制评分网格图表
Canvas绘制评分网格图表原创 2023-04-10 17:46:17 · 267 阅读 · 0 评论 -
[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 · 850 阅读 · 0 评论 -
解决Vxe-table 当数据量过大时选择全选复选框延迟问题
解决Vxe-table 当数据量过大时选择全选复选框延迟问题原创 2023-02-21 14:07:05 · 2671 阅读 · 6 评论 -
Vue3使用canvas根据递归类型数据绘制继承树
Vue3使用canvas根据递归类型数据绘制继承树原创 2023-02-19 20:20:53 · 445 阅读 · 0 评论 -
vue3+vite2实现动态路由并且动态加载组件,避坑上线成功
vue3+vite2实现动态路由并且动态加载组件,避坑上线成功原创 2022-12-11 20:19:20 · 1432 阅读 · 2 评论