- 博客(6)
- 收藏
- 关注
原创 在 Vue 2 + Element UI 中实现密码显示/隐藏切换功能
如果你想要使用自己的图标或实现更多自定义功能,可以通过插槽(slot)的方式来自定义后缀图标,并通过绑定事件来切换密码显示状态。使用属性:适用于简单需求,免去繁琐代码。自定义插槽方式:适用于需要自定义图标和更复杂交互逻辑的场景。希望这篇文章能帮助你在 Vue 2 项目中更轻松地实现密码显示/隐藏功能!如果你有任何问题,欢迎在评论区留言交流。
2024-10-13 16:01:57
904
原创 Vue 高级篇之什么是 Mixin
Mixin 是一种设计模式,允许将可复用的代码片段混合到多个 Vue 组件中。通过 Mixin,我们可以将一些逻辑、数据和方法提取出来,并在多个组件中共享它们。这使得我们能够在不同的组件中复用代码,而不必在每个组件中重复相同的实现。我们可以通过一个普通的 JavaScript 对象来定义 Mixin。
2024-10-08 17:53:47
2117
原创 vue2 - i18n-前端实现多语言国际化
通过将静态资源路径也放入语言包中(例如图片路径),可以通过vue-i18n实现静态资源的国际化处理。当用户切换语言时,静态资源会动态更新,确保用户看到符合当前语言环境的资源。
2024-09-17 14:59:39
703
原创 CSS动画 - 1.圆形放大的hover效果
当页面加载时,头像显示为一个带有灰色半透明遮罩的圆形。当鼠标移到头像上时,遮罩会通过动画效果逐渐消失,露出头像的背景图片。当鼠标移出时,遮罩会恢复到初始状态。
2024-08-31 10:28:47
1066
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人