vue如何在点击事件前执行其他操作继续？

Question

组件有一个click事件 内部执行了一些过程
我现在在外部引用这个组件，我想在click点击以后先执行我的一些代码，如果代码执行完了再继续执行默认的click事件 该如何写呢？

Answer 1

传递一个 function 给子组件，点击以后先执行这个 func , 然后再执行默认代码。

Answer 2

你可以在父级组件上绑定捕获阶段的事件

Answer 3

先让组件把事件抛出,外部监听抛出的事件执行相应代码

Answer 4

用Promise你看行不行，假设子组件click里要执行的内容为func1,子组件绑定新的click事件：

click:()=>{
new Promise(resolve=>{this.$emit('click',resolve)})
         .then(val=>{
             if(val){
                 func1()
                 }
            })
}

父组件的click方法处理完之后，最后加上resolve(true),再处理子组件原本要执行的方法