qq_42750608的博客

本文介绍了在Vue3项目中实现文本溢出显示Tooltip功能的三种方案：1) 自定义指令v-ellipsis-tooltip，通过检测文本宽度自动添加省略号和提示图标；2) 全局注册指令方式，无需重复引入；3) 封装MyTooltipWrapper组件，通过插槽简化使用。核心实现包括：使用Range API检测文本溢出、ElementPlus的Tooltip组件展示完整内容、动态渲染提示图标。三种方案均支持响应式更新，适用于需要文本截断并提示完整内容的场景，开发者可根据项目需求选择适合的实现方式。

本文介绍了基于Vue 3和Element Plus的弹窗组件实现方案。核心是通过useModal钩子函数管理弹窗状态，利用h函数安全渲染内容避免XSS风险，采用nextTick确保弹窗正确显示。组件支持多种操作类型（添加、编辑、删除等），根据状态调用不同API，并为复杂场景提供自定义内容渲染。示例展示了删除和设为默认模板两种操作，强调了对于简单弹窗应优先使用Element Plus内置组件。该方案实现了弹窗逻辑与UI的分离，提升了代码复用性和安全性。

基于element-plus的el-tooltip写组件适用于pc端和h5端

vue3滚动到顶部钩子函数+组件简单示例

关于pc端分页+h5端加载更多的vue3简单钩子函数

vue3写一个简单的搜索栏（带历史记录+光标自动聚焦到文案最后）

amis上传组件导入文件接口参数为base64格式的使用示例

vue3写一个简单的时间轴组件

使用requestAnimationFrame写防抖和节流

【代码】react轮播图示例。

redux-devtools谷歌扩展插件的使用示例

JavaScript使用webcomponent的简单示例

vue3简单写导航anchor示例(支持点击高亮和滚动判断高亮)

vue3写nav滚动事件中悬停在顶部

react写一个简单的3d滚轮picker组件

react简单写一个transition动画组件然后在modal组件中应用

前端搜索框防抖函数简单示例

react 关于textarea文本框前面固定的几个字保证不被删除的简单实现

react项目兼容ie11浏览器报错: Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`

react-to-print插件封装及打印注意事项

使用vue写一个picker插件,使用3d滚轮的原理