vue项目利用vue-waves-effect实现水波纹效果

1.安装

 npm install vue-waves-effect --save

2.在main.js中引入

import Waves from 'vue-waves-effect';
import 'vue-waves-effect/dist/vueWavesEffect.css';
Vue.use(Waves);

3.在需要的地方使用

<template>
  <el-button type='primary' v-waves></el-button>
</template>

这样当你点击按钮的时候就会出现水波纹一样的效果，是不是特别简单