vue3中$refs使用调整

前言: vue3环境

在vue2环境中,可以直接通过this.$refs获取模块;在vue3环境中,通用以下两种方式获取:

1、通过声明ref进行获取;

TypeScript 复制代码
import { ref} from 'vue';
const logoForm = ref();
console.log(logoForm.value);

2、通过声明getCurrentInstance进行获取;

TypeScript 复制代码
import { getCurrentInstance } from '@vue/runtime-core';
const currentInstance = getCurrentInstance();
console.log(currentInstance.ctx.$refs.logoForm);
相关推荐
Csvn2 分钟前
静态生成 SSG:ISR 增量静态化实战
前端
程序员码歌2 分钟前
火爆了,一个Skill搞定AI热点自动化:RSS 聚合 + AI 筛选 + 公众号 + 邮件全流程
android·前端·ai编程
A小码哥11 分钟前
向cluade学习如何在实际项目中配置AI规则
前端·后端
竹林81816 分钟前
从零到一:在 React 前端中集成 The Graph 查询 NFT 持有者数据实战
前端·javascript
山西茄子19 分钟前
GstAggregator的aggregate
开发语言·前端·javascript·gstreamer
Sailing22 分钟前
🚨别再滥用 useEffect 了!90% React Bug 的根源就在这
前端·javascript·面试
河马老师23 分钟前
写这需求快崩溃了,幸好我会装饰器模式
前端·javascript·面试
未来转换23 分钟前
Python-web开发之Flask框架入门
前端·python·flask
用户57573033462425 分钟前
🚀 拒绝“CSS 命名困难症”!手把手带你用 Tailwind CSS 搓一个“高颜值”登录页
前端
文静小土豆25 分钟前
标签和选择器(Label和 Selector)
linux·前端