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);
相关推荐
步行cgn1 小时前
Vue 中的数据代理机制
前端·javascript·vue.js
GH小杨1 小时前
JS之Dom模型和Bom模型
前端·javascript·html
星月心城2 小时前
JS深入之从原型到原型链
前端·javascript
MessiGo2 小时前
Javascript 编程基础(5)面向对象 | 5.2、原型系统
开发语言·javascript·原型模式
你的人类朋友3 小时前
🤔Token 存储方案有哪些
前端·javascript·后端
烛阴3 小时前
从零开始:使用Node.js和Cheerio进行轻量级网页数据提取
前端·javascript·后端
liuyang___3 小时前
日期的数据格式转换
前端·后端·学习·node.js·node
西哥写代码3 小时前
基于cornerstone3D的dicom影像浏览器 第三十一章 从PACS服务加载图像
javascript·pacs·dicom
贩卖纯净水.4 小时前
webpack其余配置
前端·webpack·node.js