Vue3访问不到$refs?

我试过了,getCurrentInstance()的方法

我试过

js 复制代码
// 伪代码
<tinymce :ref="tinymceDate" />

setup(){
let tinymceDate  = ref(null)
const publish = () => {
      console.log("hfq",tinymceDate.value)
    }
return{...}
}

都不行

后面我试着在setup中使用setup(prop, context) 使用context.$refs这样去访问.因为在我的理解中setup传值中的context就等于this

事实证明我还是对前端的理解不够, context中没有$refs这个东西

随后我放弃了在setup中设置方法,我直接在method中定义方法,成功访问到$refs

js 复制代码
methods:{
    publish(){
      console.log(this.$refs.tinymce)
    }
  },

自己的前端知识还是掌握的不够扎实

相关推荐
沛沛老爹3 天前
Vue3+TS实战:基于策略模式的前端动态脱敏UI组件设计与实现
前端·ui·vue3·数据安全·策略模式·动态渲染·前端脱敏
gsls2008083 天前
vue3学习笔记
笔记·vue3
平头也疯狂6 天前
RuoYi Office 全景介绍:一个平台管好整个企业
微服务·vue3·springboot·crm·oa·企业管理系统
weixin79893765432...7 天前
vue3 系统的梳理
vue.js·vue3
是梦终空9 天前
计算机毕业设计264—基于Springboot+Vue3+协同过滤的房屋租赁管理系统(源代码+数据库+万字论文+设计文档)
spring boot·毕业设计·vue3·课程设计·毕业论文·协同过滤·房屋租赁管理系统
Irene199110 天前
通用消息组件 bug 修复及更好的实现是使用函数调用组件
vue3·函数调用·通用消息组件
Irene199111 天前
Vuex4:专为 Vue 3 设计,提供完整 TypeScript 支持
vue3·vuex4
无法长大11 天前
如何判断项目需不需要用、能不能用Tailwind CSS
前端·css·vue.js·elementui·vue3·tailwind css
cui_win13 天前
企业级中后台开源解决方案汇总
开源·vue3·ts
Sapphire~14 天前
Vue3-19 hooks 前端数据和方法的封装
前端·vue3