- 博客(5)
- 收藏
- 关注
原创 Vue3 封装 Element-Plus 防重复点击按钮组件(开箱即用)
本文介绍了一个基于Vue3+TypeScript封装的通用防重复点击按钮组件。该组件复用Element-Plus的el-button特性,通过自动管理loading状态实现防重复点击功能。核心特性包括:透传所有el-button属性、自动处理同步/异步回调、双重防重复机制(loading状态拦截+内部状态校验)、自动关闭loading状态等。组件通过v-bind="$attrs"实现属性透传,使用computed合并内外loading状态,并在点击事件中实现Promise等待和错误处理。
2026-03-03 10:57:38
292
原创 uniapp 使用 towxml markdown 渲染工具,把其放到分包
UniApp中集成Towxml实现Markdown渲染的配置指南。首先将Towxml组件解压至wxcomponents目录,在目标页面的json文件中配置组件路径。编译后建议将组件移至分包目录并更新路径,避免主包引用问题。关键点在于集中管理使用Towxml的页面和组件位置,确保分包内路径正确。该方案支持代码高亮、公式等丰富特性,可快速实现小程序端的Markdown内容展示。
2026-01-28 15:18:21
553
原创 uniapp 微信小程序使用 lime-echart 组件转到分包
摘要:本文介绍了将lime-echart插件放入uniapp小程序分包的方法。关键步骤包括:1)在分包架构中引入组件;2)主包使用时要配置占位组件;3)手动将lime-echarts的static文件复制到编译后的分包目录(因uniapp可能不会自动打包静态资源)。特别提醒要检查代码依赖分析,确保资源未占用主包空间。若运行正常且无报错则无需额外操作。
2025-07-24 12:08:04
878
2
原创 HarmonyOS NEXT 适配安全区
HarmonyOS NEXT 在适配安全区 小白条3、创建两个参数保存起来 (还是在 onWindowStageCreate 中)4、监听 方法 并存储获取到的顶部安全区高度和底部安全区高度 (还是在 onWindowStageCreate 中)5、 在页面中声明变量 接收就行了6、使用padding 挤出来安全区的高度 即可7、效果展示 原页面希望对你有所帮助
2024-12-12 14:42:57
650
原创 Vue实现简单的五角星评分组件,把分数星星化,适用任何分数,超简单!!!
Vue实现简单的五角星评分组件,把分数星星化,适用任何分数,超简单!!!
2023-05-27 16:54:54
2340
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅