最近看前端技术文章的时候,偶然看到了一款插件TinyLayer,想到element ui弹窗自定义的困扰时,就试了一下这款插件,感觉很不错,记录收藏下来。
组件安装和引入
npm install tinylayer -S
// main.js 中引入并注册
import Vu...
3年前 (2022-08-17)
喜欢
vue项目开发中,经常会遇到消息通知,但是这些消息通知,element ui的消息通知组件message就基本满足了我们的需要。但是有些项目的消息通知组件要求比较奇特,比如部分页面的消息样式和另外一部分的消息样式不一样。这就需要我们自己来写一个全局的消息提示组件满足我们独特的需要...
3年前 (2022-08-16)
喜欢
<transition> can only be used on a single element. Use <transition-group> for lists
vue在使用transition时,报了一个错,排查发现是因为transition下不...
3年前 (2022-08-15)
喜欢
vue 数据大屏案例 安全预警系统开发时,vue数据需要存储在本地,避免刷新后导致数据丢失。
使用插件
安装依赖
npm install --save vuex-persist
or
yarn add vuex-persist
引入依赖
import VuexPersisten...
3年前 (2022-08-15)
喜欢
vue项目开发时,需要在发送验证码前,先做一个滑动验证,验证通过后才可以发送验证码,于是github上搜索,找到了一款符合自己需要的插件。
插件地址
插件地址
安装依赖
npm i vue-drag-verify-img -S
插件使用
/**
* @Author: 8588...
3年前 (2022-08-15)
喜欢
vue项目开发时,需要消息提示位置自定义,如果直接修改element ui的message弹窗很多地方局限性很多,所以按照自己的想法自己手写了一个,调整起来也方便。
组件使用
<message ref="message"></message...
3年前 (2022-08-14)
喜欢
vue项目开发时,需要前端对密码框做处理,可以通过点击图标实现密码的查看以及隐藏。图标是使用的是iconfont
组件使用
<passwordInput :password.sync="password"></passwordInput>...
3年前 (2022-08-14)
喜欢
vue tab 下划线 同步组件模板
演示地址
使用
/**
* @Author: 858834013@qq.com
* @Name: ywsjgl
* @Date: 2022-06-14
* @Desc: 业务数据概览
*/
<template>
<d...
3年前 (2022-08-14)
喜欢
最近学习ae的一些基本功能,于是跟着学习了一些简单的动画,并想着怎么融入到自己写的项目中去。于是加入到了自己正在开发的微信小程序中。
组件使用
<div class="list" v-for="(item,index) in list&quo...
3年前 (2022-08-14)
喜欢
uniapp微信小程序开发,要求页面中,尽可能的增加动画效果,于是收藏也给增加了一个动画,封装成可复用的组件,只需要更换json数据就可以更换为其他的图标动画。以便于后期重复使用。
使用组件
<div class="icon_star">
...
3年前 (2022-08-14)
喜欢