Vue2和Vue3中获取元素

最新推荐文章于 2024-05-21 15:01:45 发布

weixin_41387874

最新推荐文章于 2024-05-21 15:01:45 发布

阅读量822

点赞数

分类专栏： Vue 文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_41387874/article/details/125205198

版权

Vue 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

Vue2和Vue3中获取元素

Vue2中获取元素

一个例子

<template>
  <div ref="myRef"></div>
</template>

<script>
  export default{
    mounted(){
      console.log(this.$refs.myRef)
    }
  }
</script>

ref只有在mounted之后才能获取到。

Vue3中获取元素

一个例子

<template>
  <div ref="myRef"></div>
</template>

<script>
export defineComponent({
    setup(){
      const myRef = ref<HTMLDivElement>()
      onMounted(() => {
        console.log(myRef.value)
      })
      return{
        myRef,
      }
    }
  })
</script>

ref既可用于声明响应式数据，也可以用于获取元素。