我该如何重制this ripple effect不总是成为一个DIV?我举个例子
当我这样使用它时:
<ripple class="btn">send</ripple>
这就是它的工作原理,但是当我想使用按钮时,它总是变成 div。有什么办法可以这样使用它吗?
<div class="ripple">div example</div>
<button type="submit" class="ripple></button>
或者只是在任何元素上使用它。没有自动更改为div?接下来,当我点击并按住时,效果会立即自动消失。怎样才能顺利消失呢?
有人可以帮我解决这个问题吗?
最佳答案
它总是div,因为在ripple组件的模板中,包装标签是div。 您可以将其更改为您想要使用的其他标签。
关于消失效果,你可以设置一个计时器,点击后即使按住也会开始消失。 像这样:
addRipple(e) {
...
setTimeout(this.purgeRipples, 600)
},
关于javascript - Vue 和对任何元素的涟漪效应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56827272/