分类:vue

vue开发笔记

vue 全局消息提示组件封装

vue 全局消息提示组件封装
vue项目开发中,经常会遇到消息通知,但是这些消息通知,element ui的消息通知组件message就基本满足了我们的需要。但是有些项目的消息通知组件要求比较奇特,比如部分页面的消息样式和另外一部分的消息样式不一样。这就需要我们自己来写一个全局的消息提示组件满足我们独特的需要...

yekong 2年前 (2022-08-16) 喜欢

vue vuex数据状态持久化

vue vuex数据状态持久化
vue 数据大屏案例 安全预警系统开发时,vue数据需要存储在本地,避免刷新后导致数据丢失。 使用插件 安装依赖 npm install --save vuex-persist or yarn add vuex-persist 引入依赖 import VuexPersisten...

yekong 2年前 (2022-08-15) 喜欢

vue 实现图片滑动验证

vue 实现图片滑动验证
vue项目开发时,需要在发送验证码前,先做一个滑动验证,验证通过后才可以发送验证码,于是github上搜索,找到了一款符合自己需要的插件。 插件地址 插件地址 安装依赖 npm i vue-drag-verify-img -S 插件使用 /** * @Author: 8588...

yekong 2年前 (2022-08-15) 喜欢

vue 自定义message弹窗

vue 自定义message弹窗
vue项目开发时,需要消息提示位置自定义,如果直接修改element ui的message弹窗很多地方局限性很多,所以按照自己的想法自己手写了一个,调整起来也方便。 组件使用 <message ref="message"></message...

yekong 2年前 (2022-08-14) 喜欢

vue input 密码显示隐藏组件封装

vue input 密码显示隐藏组件封装
vue项目开发时,需要前端对密码框做处理,可以通过点击图标实现密码的查看以及隐藏。图标是使用的是iconfont 组件使用 <passwordInput :password.sync="password"></passwordInput>...

yekong 2年前 (2022-08-14) 喜欢

vue tab_line_sync 组件

vue tab_line_sync 组件
vue tab 下划线 同步组件模板 演示地址 使用 /** * @Author: 858834013@qq.com * @Name: ywsjgl * @Date: 2022-06-14 * @Desc: 业务数据概览 */ <template> <d...

yekong 2年前 (2022-08-14) 喜欢

vue lottie 点击实现收藏动画组件 心形

vue lottie 点击实现收藏动画组件 心形
vue项目开发时,总是会想给页面增加一些效果,比如点击后,触发一些动画,常见的比如收藏按钮。点击后,想让按钮有个动画效果。 点击效果 组件使用 <template> <div class="lottie"> <lo...

yekong 2年前 (2022-08-13) 喜欢

vue lottie 点击实现收藏动画组件 五角星

vue lottie 点击实现收藏动画组件 五角星
vue项目开发时,总是会想给页面增加一些效果,比如点击后,触发一些动画,常见的比如收藏按钮。点击后,想让按钮有个动画效果。 点击效果 组件使用 <template> <div class="lottie"> <lo...

yekong 2年前 (2022-08-13) 喜欢

vue element ui tree树状图增加线条效果

vue element ui tree树状图增加线条效果
vue数据大屏要求,树状图进行连线效果。在github上找到了一个相对符合要求的插件, element-tree-line 插件使用 安装依赖 # npm npm install element-tree-line -S # yarn yarn add element-tre...

yekong 2年前 (2022-08-13) 喜欢