TryCoding.FunTryCoding.Fun
  • 文章
  • 项目
  • 归档
  • 关于
搜索... ⌘K
Home Work Blog Projects
返回博客

Vue3 获取 DOM 元素

Vue3 中使用 ref 获取 DOM 元素的方法,包括 Composition API 的使用以及一些常见的错误和解决方法。

全部 前端 (393) 运维 (77) 技术 (71) 后端 (25) 数据库 (10) 生活 (1)
2023年12月7日
Mt.r
|
#JavaScript #Vue

VUE3 获取 dom 元素

<div ref="myDiv"></div>
const myDiv = ref(null);
onMounted(() => {
  console.log(myDiv.value);
});

但是如果是用 Composition API 的话,setup 中就无法获取了,可以试着在 yourRef.value.$el 中获取。

const myDiv = ref(null);
onMounted(() => {
  console.log(myDiv.value.$el);
});
上一篇
Vue i18n 使用及相关资源整理
本文介绍 Vue i18n 的使用方法,包括语言切换、选择文本弹出提示、浏览器检测库、移动端检测库、手势检测库等相关资源和工具的整理。
下一篇
后端测试工具使用及推荐
本文对比评测了 JMeter、Locust、k6 和 go-stress-testing 四款后端测试工具,分别介绍了其使用方法、优缺点以及推荐指数,旨在帮助开发者选择合适的工具进行后端性能测试。

目录

  • VUE3 获取 dom 元素

分类

全部文章 577 前端 393 运维 77 技术 71 后端 25 数据库 10 生活 1

热门标签

#JavaScript #Vue #Linux #CSS #Go #CentOS #React #Nginx #Git #HTML #iOS #Mac #MySQL #Jenkins #TypeScript #Python #Docker #C #Webpack #数据库
Trycoding.fun
© 2025 版权所有 京ICP备19000129号-4
文章 项目 归档 关于 GitHub