vue中如何判断一个标签是否被点击了?(备忘)

1,824 阅读1分钟

当需求需要你判断 一个标签是否被点击了再去执行其他方法时,可以用这个方法!!!同样也是给自己备忘!!!

标签是否被点击了 ? 执行方法 : 执行另一种方法

1.在标签绑定ref属性

    <el-button @click="hQuery" ref="clickQuery">搜索</el-button>

2. 可以打印出ref属性中可以看到一个_event的属性,属性值为click的函数,它就是要找的目标

console.log(this.$refs.clickQuery)

image.png

3. 之后就可以使用它判断了

this.$refs.clickQuery._events.click ? 执行方法 : 执行另一种方法