美文网首页
vue获取DOM元素,触发事件

vue获取DOM元素,触发事件

作者: 辉夜真是太可爱啦 | 来源:发表于2021-03-30 14:42 被阅读0次
  • 原生元素

原生元素可以直接拿到组件实例,直接click()即可

<button ref="button">取消</button>

this.$refs['button'].click();
  • vue组件

vue组件需要通过$el获取组件实例,才能绑定上click()

<Component ref="button" />

this.$refs['button'].$el.click();

相关文章

  • vue获取DOM元素,触发事件

    原生元素 原生元素可以直接拿到组件实例,直接click()即可 vue组件 vue组件需要通过$el获取组件实例,...

  • 01你所不知道的chrome实用功能

    获取DOM元素并以数组展示 秒变所见即所得的编辑器 获取某个DOM元素所有绑定的事件 监测DOM元素触发的事件 用...

  • Vue 中获取 DOM 元素问题

    Vue 获取DOM元素 获取元素 template 部分 js 部分 给元素添加事件 需要用到$nextTick ...

  • jQuery this

    //获取事件触发元素 $(this). //获取事件触发元素下标 $(btn).index(this) /...

  • 2021-07-16

    Vue 语法中使用的 注意事项 在DOM中 可能存在 点击触发子元素事件,父元素事件也跟着响应了 (这叫...

  • 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...

  • JavaScript DOM0级事件

    DOM0级事件1、通过DOM获取HTML元素2、获取HTML元素.事件=执行脚本语法:ele.事件=执行脚本功能:...

  • Vue中的响应系统及虚拟DOM树笔记

    Vue和DOM的对比: 直接使用DOM实现点击一个按钮时数字加1的功能,需要先找到触发点击操作的元素,然后绑定事件...

  • 使用ref获取DOM元素和组件

    一、获取DOM元素虽然可以通过原生js操作获取到DOM元素,但是Vue等框架已经不推荐自己操作DOM了,都扔给框架...

网友评论

      本文标题:vue获取DOM元素,触发事件

      本文链接:https://www.haomeiwen.com/subject/wzqghltx.html