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

JS ref 获取 DOM 元素

本文介绍了在 Vue2 和 Vue3 中使用 ref 获取 DOM 元素的方法。

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

上传文件时对文件的格式限制

Vue2

<div ref="myRef"></div>
this.$refs.myRef

Vue3

<template>
  <div ref="myRef">获取单个 DOM 元素</div>
</template>

<script>
import { ref, onMounted } from 'vue';

export default {
  setup() {
    const myRef = ref(null);

    onMounted(() => {
      console.dir(myRef.value);
    });
    return {
      myRef
    };
  }
};
</script>

参考文章

  • https://blog.csdn.net/weixin_43233914/article/details/108776124
上一篇
JS input 上传文件只能上传一次问题解决
解决 JS input 上传文件只能点击一次,再次点击无效的 bug。文章提供代码示例及解决方案,帮助开发者解决文件上传问题。
下一篇
好用的 Windicss
不想在项目中写 css 了,就试了一下 windicss,非常好使,比如 `padding: 10px;` `classname` 可以写成 `p-10px`,还可以自定义配置。

目录

  • Vue2
  • Vue3
  • 参考文章

分类

全部文章 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