vue-ripple-directive点击水波纹（个人）

安装npm install vue-ripple-directive --savemain.js引入import Ripple from 'vue-ripple-directive'Vue.directive('ripple', Ripple);Ripple.color = 'rgba(0, 0, 0, 0.2)'; //自定义水波纹颜色<div class="rippleBtn" v-ri

Mark sheng

656人浏览 · 2020-12-09 11:37:24

Mark sheng · 2020-12-09 11:37:24 发布

在这里插入图片描述

安装

npm install vue-ripple-directive --save

main.js引入

import Ripple from 'vue-ripple-directive'
Vue.directive('ripple', Ripple);
Ripple.color = 'rgba(0, 0, 0, 0.2)'; //自定义水波纹颜色

  <div class="rippleBtn" v-ripple>水波纹按钮</div>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^