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);
相关推荐
地方地方21 小时前
前端踩坑记:解决图片与 Div 换行间隙的隐藏元凶
前端·javascript
炒米233321 小时前
【Array】数组的方法
javascript
jason_yang21 小时前
vue3+element-plus按需自动导入-正确姿势
vue.js·vite·element
小猫由里香21 小时前
小程序打开文件(文件流、地址链接)封装
前端
Tzarevich1 天前
使用n8n工作流自动化生成每日科技新闻速览:告别信息过载,拥抱智能阅读
前端
voidmuse1 天前
带你零基础实现一个cursor (1):从零开始实现深度搜索功能-Function Call的介绍
javascript
掘金一周1 天前
一个前端工程师的年度作品:从零开发媲美商业级应用的后台管理系统 | 掘金一周 10.23
前端·人工智能·后端
大杯咖啡1 天前
前端常见的6种设计模式
前端·javascript
zyfts1 天前
手把手教学用nodejs读写飞书在线表格
前端
www_stdio1 天前
深入浅出 JavaScript:从对象字面量到代理模式的实践探索
javascript