Vue($refs也可以引用一个dom)

Congnandaobei

于 2019-06-20 21:36:35 发布

阅读量308

点赞数

分类专栏： VUE 文章标签： $refs也可以引用一个dom

本文链接：https://blog.youkuaiyun.com/Congnandaobei/article/details/93136610

版权

VUE 专栏收录该内容

8 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>06-$refs也可以引用一个dom</title>
  <style></style>
  <!--  -->
</head>
<body>
  <div id="app">
    <h1>06-$refs也可以引用一个dom</h1>
    <p ref="p-el">{{ message }}</p>
  </div>
  <script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>
  <script>
    const app = new Vue({
      el: '#app',
      data: {
        message: 'app message'
      },
      methods: {
       dai(){
         console.log('7777')
       }
      },
      created () {
        console.log(this.$refs)//得到一个对象，里面就是实例中的方法和函数
        console.log(this.dai())//7777
      },
      mounted () {
        console.log(this.$refs['p-el'])//<p>app message</p>
      }
    })
  </script>
</body>

</html>