Vue.js Vue组件事件处理

Vue.js Vue组件事件处理,vue.js,event-handling,components,nuxt.js,Vue.js,Event Handling,Components,Nuxt.js,我有一个组件按钮,我几乎在我的网站的任何地方都使用这个按钮 它是一个SVG按钮,带有一些悬停动画。这个按钮很好用 按钮槽 从“../assets/animate”导入{buttonEnter,buttonleave} 导出默认值{ 名称:“动画按钮”, 方法:{ 按钮输入(事件){ 按钮输入(此.$refs.btnPath,此.$refs.btnSpan) }, 按钮leave(事件){ const buttonSpan=event.currentTarget.querySelector('

我有一个组件按钮,我几乎在我的网站的任何地方都使用这个按钮

它是一个SVG按钮,带有一些悬停动画。这个按钮很好用


按钮槽
从“../assets/animate”导入{buttonEnter,buttonleave}
导出默认值{
名称:“动画按钮”,
方法:{
按钮输入(事件){
按钮输入(此.$refs.btnPath,此.$refs.btnSpan)
},
按钮leave(事件){
const buttonSpan=event.currentTarget.querySelector('span')
按钮leave(this.$refs.btnPath,this.$refs.btnSpan)
},
},
}

您可以使用注释()中建议的
@click.native
或将
@click
放在动画按钮中,
$emit
一些事件并在父组件中捕获此事件。

您尝试过
@click.native
吗?