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

作者: wxw_威 | 来源:发表于2023-07-05 09:42 被阅读0次

vue 基础 el data name V-once v-htm
Vue中ref属性获取DOM元素和组件引用
使用ref获取DOM元素和组件
会jquery 就能快速快速上手 vue？你仿佛在说笑
Vue 中获取 DOM 元素问题
vue的getter和setter
Vue中的响应系统及虚拟DOM树笔记
jQuery （first day）
2021-07-16
前端html基础（包括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'
  }
}

vue 基础 el data name V-once v-htm
01、VUE 选择器：每个框架基于对DOM的操作，能对DOM进行操作都必须获取DOM元素；vue获取DOM的方式...
Vue中ref属性获取DOM元素和组件引用
ref获取DOM元素vue中获取DOM元素不建议用js直接操作DOM，使用ref可达到操作DOM的效果写法：thi...
使用ref获取DOM元素和组件
一、获取DOM元素虽然可以通过原生js操作获取到DOM元素，但是Vue等框架已经不推荐自己操作DOM了，都扔给框架...
会jquery 就能快速快速上手 vue？你仿佛在说笑
vue和jquery 操作DOM的区别 jquery 操作Dom 的思维：获取Dom元素步骤： 1、在dom中输...
Vue 中获取 DOM 元素问题
Vue 获取DOM元素获取元素 template 部分 js 部分给元素添加事件需要用到$nextTick ...
vue的getter和setter
vue渐进式框架如果采用原生js来对dom元素进行操作,需要获取元素再获取相关内容然后添加一系列事件,这样操作繁...
Vue中的响应系统及虚拟DOM树笔记
Vue和DOM的对比：直接使用DOM实现点击一个按钮时数字加1的功能，需要先找到触发点击操作的元素，然后绑定事件...
jQuery （first day）
// 获取dom元素、点击事件、获取文本内容 // 模拟封装JQuery (function() { functi...
2021-07-16
Vue 语法中使用的注意事项在DOM中可能存在点击触发子元素事件，父元素事件也跟着响应了（这叫...
前端html基础（包括dom，事件等）
六。事件操作 1.事件参考2.DOM 的操作方法3.原生JS获取HTML DOM元素的8种方法4.Javascri...