vue.js 使用ref获取DOM元素和组件引用

最新推荐文章于 2024-12-29 11:47:05 发布

原创最新推荐文章于 2024-12-29 11:47:05 发布 · 284 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端

vue.js 专栏收录该内容

15 篇文章

订阅专栏

本文介绍在Vue.js框架中如何使用$refs属性来直接操作DOM元素和组件实例，通过实例展示了$refs在获取元素引用和组件实例上的应用。

<div id="app">
    <input type="button" value="获取元素" @click="getElement" ref="mybtn">

    <h3 id="myh3" ref="myh3">哈哈哈， 今天天气太好了！！！</h3>

    <hr>

    <login ref="mylogin"></login>
  </div>

// this.$refs.myh3 就可以得到h3的引用,主要是h3需要使用ref来标识

// this.$refs.mylogin可以得到组件的引用,获取之后就可以调用组件的方法和data中数据