- 博客(9)
- 收藏
- 关注
RSS订阅原创 Vue 3 中 使用 vueuse createReusableTemplate 复用 table 导致 tableRef 失效的问题分析
可复用模板可能在不同的生命周期阶段被挂载/卸载，导致 ref 引用不稳定，无法正确建立组件间的引用关系。创建的是一种可复用的模板，而不是独立的组件实例。它通过内部的状态管理来复用同一个模板结构。在使用 Vue 3 和 Element Plus 开发过程中，我遇到了一个关于。创建可复用模板时，如果在多个 Tab 中使用同一个模板，会导致。可能会相互覆盖，导致引用不准确。暴露的方法无法正确绑定到对应的组件实例上。在开发一个多标签页的表格组件时，我使用了。功能失效，无法正确获取表格的选中行。
2025-11-28 14:10:49
220
原创 在ElMessageBox中使用VNode节点渲染完成无法实现双向绑定问题
在使用 Vue 3 和 Element Plus 开发过程中，我遇到了一个关于响应式绑定的微妙问题。这样每次 Element Plus 需要渲染内容时，都会重新执行函数，获取最新的响应式值。显示一个包含复选框组的自定义对话框时，遇到了双向绑定无法正常工作的问题。这个 VNode 包含的是创建时的值的快照，而不是响应式引用。经过深入分析，我发现问题的根本原因在于。的变化无法正确反映到 UI 上。
2025-11-28 10:52:37
321
原创 vue3播放H.265编码格式视频
摘要：针对浏览器原生不支持H.265视频播放的问题，本文提出基于WebAssembly的前端软解码方案。采用EasyPlayer.js库实现H.265视频流的实时解码与渲染，并封装为Vue组件VideoStream。方案包含核心解码库引入、组件封装实现及详细使用指南，支持M3U8/RTSP等流媒体格式，提供截图、电子放大等功能，通过静态资源加载确保跨平台兼容性。组件通过props配置播放参数，开箱即用，解决了H.265视频在Web端的播放难题。
2025-09-10 15:47:46
507
原创 如何优雅地等待 Vue 组件准备好后再操作 Canvas？
本文介绍如何在Vue应用中通过Promise和事件回调机制确保Canvas上下文准备就绪后再执行绘图操作。子组件在mounted钩子中获取Canvas上下文并通过$emit传递给父组件，父组件创建Promise并监听该事件，在事件触发时resolve Promise。绘图函数使用await等待Promise解决，确保上下文加载完成。这种设计实现组件解耦、逻辑清晰，可扩展错误处理和超时机制，适用于各种需要等待资源加载的场景。
2025-07-14 11:15:05
958
原创 js防抖(debounce) 和 节流(throttling)
关于js的防抖和节流看例子：当鼠标在橙色区域来回移动时可以看到数值在不可控的快速增加，说明该函数被频繁触发。对于这种快速连续触发和不可控的高频率触发问题，我们有 防抖(debounce) 和 节流(throttle) 这两种解决方法。防抖（debounce）所谓防抖，就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间。防抖函数分为非立即执行版和立即执行版。//准备工作 let num = 1;//定义一个初始值 let content
2021-09-30 10:48:30
312
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人