扩展 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
我正在尝试创建一个组件来扩展 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