VUE之模拟触发
需求:有buttonA,buttonB两按钮,点击buttonB模拟触发buttonA绑定的单击事件
<template>
<div>
<el-button ref="buttonA" @click="handClickA">buttonA</el-button>
<el-button @click="handClickB">buttonB</el-button>
</div>
</template>
<script>
export default {
data() {
return {
};
},
methods: {
handClickA () {
console.log('buttonA上的点击事件触发了')
},
handClickB () {
this.$refs.buttonA.$el.click()
}
}
};
</script>
点击buttonA控制台输出:
点击buttonB控制台输出:
关键代码:this.$refs.buttonA.$el.click()