扩展 vuetify v-btn 组件,添加自定义点击事件

Extending vuetify v-btn component, adding custom click event

我正在尝试创建一个组件来扩展 v-btn,每次我点击一个按钮时,它应该发出短促的哔哔声,并禁用该按钮 5 秒。

按钮在禁​​用时改变颜色是最理想的。

这是个问题,因为颜色是 属性,我无法覆盖它的值...

此外,当我尝试调用 super.click(e) 时,出现错误。

您可以在此处查看示例:https://codesandbox.io/s/elegant-glade-pnhqx

您的 Btn 组件应该 "use" v-btn 而不是扩展它。

v-bind="$attrs"是将<btn>的任意属性复制到<v-btn>上。 @click 事件被捕获并在完成需要完成的事情后按原样重新发出

https://codesandbox.io/s/immutable-paper-w1wck?file=/src/components/Btn.vue:41-56