vue 操作dom获取元素的点击事件

之前写的组件嵌套太多动态组件，导致某一层的el-tabs，切换tab的时候，会保留之前的index，所以在当前组件tabs，通过document获取弹框的取消按钮与右上角关闭按钮的点击事件

mounted() {
  document.getElementsByClassName('el-dialog__headerbtn')[0].addEventListener('click', this.buttonClick)
  document.getElementsById('myButton').addEventListener('click', this.buttonClick)
}

methods: {
  buttonClick() {
    this.activeName = '0'
  }
}