美文网首页
Vue ref和refs获取DOM元素和子组件

Vue ref和refs获取DOM元素和子组件

作者: Gino_Li | 来源:发表于2019-07-09 11:08 被阅读0次

    官方解释:

    ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。

    • 如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;
    • 如果用在子组件上,引用就指向组件实例:

    获取元素节点

    在需要获取的DOM元素上添加ref属性

    <p ref="passage">hello</p>
    

    获取DOM元素

    this.$refs.passage
    

    获取子组件实例

    在引用的组件上添加ref属性

    <base-input ref="usernameInput"></base-input>
    

    获取实例

    this.$refs.usernameInput
    

    相关文章

      网友评论

          本文标题:Vue ref和refs获取DOM元素和子组件

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