如何捕获外部组件的特定按钮单击？
提问于 2022-07-26 06:40:00
我正在导入一个外部组件(Vue.js)。此外部组件有多个按钮。如何捕获此外部组件的特定按钮单击(firstButtonClick())。
ExternalComponent：
<button
class="first-button"
@click="firstButtonClick(firstButtonParam)"
>
</button>
<button
class="second-button"
@click="secondButtonClick(secondButtonParam)"
>
</button>MyComponent
<ExternalComponent
:prop1="prop1"
:prop2="prop2"
...:
/>
回答 2
Stack Overflow用户
回答已采纳
发布于 2022-07-26 06:49:22
如果我的想法正确，您需要在一个外部组件中按一下按钮发出一些事件，然后在我的组件中听它，并指向要执行的函数的侦听器。第二个按钮也可以这样做。如果这是你想要的，请让我在评论中知道，如果不是，请详细说明你的问题。
在外部组件中
<button
class="first-button"
@click="$emit('listen')"
> 在我的那部分
<ExternalComponent
:prop1="prop1"
:prop2="prop2"
@listen="MethodYouWantToExecute"
/>Stack Overflow用户
发布于 2022-07-26 07:24:09
您可以在按钮click事件上发出一个事件以及要传递的数据。
@click="$emit('firstButtonClick', data)"在父组件中
<ExternalComponent v-on:firstButtonClick="captureFirstButtonClick($event)"/>
captureFirstButtonClick(e) {
console.log(e); // data coming from child
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/73125417
复制相关文章
腾讯云开发者
