vue 怎么获取点击事件或者劫持点击事件

Question

<el-button code="1001" @click="clickB">按钮</el-button>
如上面的代码. 我这里有个需求.就是判断根据code里的值判断 点击事件执行的值. 如果code里值是我想要的 clickB正常触发.否则就劫持clickB事件.弹出一个提醒.不往下执行

现在有两个思路.
1,初始化渲染dom后就判断code嘛是否满足.如果满足就正常执行.如果不满足把@click事件改成clickA方法.
2,通过判断劫持clickB事件.如果不满足. 点击clickB弹出提醒就不往下执行了.

现在不管用1还是2的办法都不知道代码怎么写. 通过给dom添加自定义指令也只能获取到渲染后的元素.不能修改事件 有大神知道怎么写吗?

Answer 1

<el-button code="1001" @click.native="clickEvent(ele code)">按钮</el-button>
clickEvent(code) {
    if(code == A.click) {
        clickA();
    }else {
        clickB()
        }

}

Answer 2

如果我没记错 onClick 事件vue会默认带一个$event属性，这个属性会携带当前节点的实例和DOM信息，拿到DOM就好办了，就能拿到code，你传到方法里面, 统一处理即可

<el-button code="1001" @click.native="clickEvent($event)">按钮</el-button>

以前用过好像，很久不用vue了, 不知道还行不行