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);
相关推荐
i220818 Faiz Ul16 小时前
二手交易系统|基于springboot + vue二手交易系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·毕设·二手交易系统
yingyima16 小时前
Git 实战:你必须掌握的 7 个常用命令
前端
gjwjuejin16 小时前
前端埋点不头秃:从打点代码到数据分析的完整实战
javascript
Schafferyy16 小时前
【vue3】Form表单重置不生效
javascript·vue.js
次次皮16 小时前
代理启动前端dist包
java·前端·vue
星恒随风17 小时前
四天学完前端基础三件套(JavaScript篇)
开发语言·前端·javascript·笔记
guslegend17 小时前
第9节:前端工程与一键启动
前端·大模型·状态模式·ai编程
杜子不疼.18 小时前
【 C++ AI 大模型接入 SDK】 - 日志模块
开发语言·javascript·c++
南囝coding18 小时前
Anthropic 内部数百个 Claude Code Skills,他们总结的这套方法值得看
前端·后端
Dxy123931021618 小时前
如何使用jQuery获取一类元素并遍历它们
前端·javascript·jquery