扩展vuetify v-btn组件，添加自定义click事件

Question

我正在尝试创建一种扩展v-btn的组件，这样每次单击按钮时，它都会发出短促的哔哔声，并禁用按钮5秒钟。

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

这是一个问题，因为颜色是一种属性，我不能覆盖它的值...

此外，当我尝试调用super.click（e）时，也会收到错误消息。

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

Answer 1

您的Btn组件应仅“使用” v-btn，而不是对其进行扩展。

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

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