vue-ripple-directive点击水波纹

github地址

安装

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>