- 博客(20)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 el-table在使用show-overflow-tooltip时，遇到超长文本展示不下的解决办法
el-table在使用show-overflow-tooltip时，遇到超长文本展示不下的解决办法
2025-09-02 10:16:40
422
原创 前端vue实现图片水印功能
本文实现了一个图片预览加水印的功能，主要包含：1）通过el-image组件触发大图预览；2）使用Image对象异步加载图片并添加时间戳避免缓存；3）通过canvas绘制原图后添加倾斜文字水印，水印采用透明效果并平铺整个图片；4）处理了加载失败和水印生成失败时的降级显示方案。代码中特别注意了跨域访问设置和图片自然尺寸保持清晰度的问题。
2025-05-26 14:08:43
373
原创 使用vue-cropper按照微信公众号后台比例裁剪图片
如图所示，根据vue插件vue-cropper，按照微信公众号后台比例2.35:1、1:1裁剪图片并上传。
2025-04-07 18:22:44
320
原创 点击某个锚点，滚动到页面固定位置
注意：当最外层元素有滚动条时会影响到滚动位置，将会有偏差；需要去掉最外层滚动条，给当前循环列表外的父元素设置滚动条即可。利用ref作为元素锚点：:ref="el=>tabListRef[index] = el"定义一个元素锚点数组：const tabListRef = ref([])当点击指定导航时，滚动到固定的点位。
2024-01-19 10:58:27
629
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人