最近看前端技术文章的时候,偶然看到了一款插件TinyLayer,想到element ui弹窗自定义的困扰时,就试了一下这款插件,感觉很不错,记录收藏下来。
组件安装和引入
npm install tinylayer -S
// main.js 中引入并注册
import Vu...
yekong
2年前 (2022-08-17)
喜欢
vue项目开发中,经常会遇到消息通知,但是这些消息通知,element ui的消息通知组件message就基本满足了我们的需要。但是有些项目的消息通知组件要求比较奇特,比如部分页面的消息样式和另外一部分的消息样式不一样。这就需要我们自己来写一个全局的消息提示组件满足我们独特的需要...
yekong
2年前 (2022-08-16)
喜欢
vue 数据大屏案例 安全预警系统开发时,vue数据需要存储在本地,避免刷新后导致数据丢失。
使用插件
安装依赖
npm install --save vuex-persist
or
yarn add vuex-persist
引入依赖
import VuexPersisten...
yekong
2年前 (2022-08-15)
喜欢
vue项目开发时,需要在发送验证码前,先做一个滑动验证,验证通过后才可以发送验证码,于是github上搜索,找到了一款符合自己需要的插件。
插件地址
插件地址
安装依赖
npm i vue-drag-verify-img -S
插件使用
/**
* @Author: 8588...
yekong
2年前 (2022-08-15)
喜欢
vue项目开发时,需要消息提示位置自定义,如果直接修改element ui的message弹窗很多地方局限性很多,所以按照自己的想法自己手写了一个,调整起来也方便。
组件使用
<message ref="message"></message...
yekong
2年前 (2022-08-14)
喜欢
vue项目开发时,需要前端对密码框做处理,可以通过点击图标实现密码的查看以及隐藏。图标是使用的是iconfont
组件使用
<passwordInput :password.sync="password"></passwordInput>...
yekong
2年前 (2022-08-14)
喜欢
vue tab 下划线 同步组件模板
演示地址
使用
/**
* @Author: 858834013@qq.com
* @Name: ywsjgl
* @Date: 2022-06-14
* @Desc: 业务数据概览
*/
<template>
<d...
yekong
2年前 (2022-08-14)
喜欢
vue项目开发时,总是会想给页面增加一些效果,比如点击后,触发一些动画,常见的比如收藏按钮。点击后,想让按钮有个动画效果。
点击效果
组件使用
<template>
<div class="lottie">
<lo...
yekong
2年前 (2022-08-13)
喜欢
vue项目开发时,总是会想给页面增加一些效果,比如点击后,触发一些动画,常见的比如收藏按钮。点击后,想让按钮有个动画效果。
点击效果
组件使用
<template>
<div class="lottie">
<lo...
yekong
2年前 (2022-08-13)
喜欢
组件代码
<template>
<div class="numcardInner">
<span :class="className" v-if="show">{{ num...
yekong
2年前 (2022-08-08)
喜欢