第二十一篇Vue中的ref和$refs

Posted 波波烤鸭

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了第二十一篇Vue中的ref和$refs相关的知识,希望对你有一定的参考价值。

  在Vue中一般很少会用到直接操作DOM,但不可避免有时候需要用到,这时我们可以通过ref和$refs这两个来实现,本文我们就来详细的介绍下这个内容

ref

   ref 被用来给元素或子组件注册引用信息, 引用信息将会注册在父组件的 $refs 对象上,如果是在普通的DOM元素上使用,引用指向的就是 DOM 元素,如果是在子组件上,引用就指向组件的实例。

$refs

   $refs 是一个对象,持有已注册过 ref 的所有的子组件。

具体演示

1.基础代码

  先来准备案例基础代码,如下

<!DOCTYPE html>
<

以上是关于第二十一篇Vue中的ref和$refs的主要内容,如果未能解决你的问题,请参考以下文章

Vue 教程(二十二)$children$ref 属性

第二十一篇 生命的全景

第二十一篇Flowable之SpringBoot集成FlowableUI

vue中的ref,refs使用

第二十一篇:伦理/道德Ethics

第二十一篇:伦理/道德Ethics