vue通过ref获取dom节点

Posted mahoshojo

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue通过ref获取dom节点相关的知识,希望对你有一定的参考价值。

html在任意节点上添加属性“ref”

<span ref="span_01">span_01</span>
<button @click="consoleDOM()">consoleDOM</button>

SCRIPT vue里通过 this.$refs.xxx 获取

consoleDOM() {
  window.console.log(this.$refs.span_01)
}

以上是关于vue通过ref获取dom节点的主要内容,如果未能解决你的问题,请参考以下文章

vue-获取dom节点

Vue 中怎样获取具名 slot 的 DOM 节点

Vue中ref和$refs的介绍及使用

vue中$refs的用法及作用详解

3. 数据双向绑定ref获取vue中DOM节点

React 事件对象键盘事件表单事件ref获取dom节点react实现类似Vue双向数据绑定