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)
    }
  },

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

相关推荐
Dnn014 天前
修改el-select背景颜色
css·elementui·vue3
sen_shan7 天前
Vue3+Vite+TypeScript+Element Plus开发-22.客制Table组件
vue.js·vue3·vite·element plus·按钮组件·表组件
是二牙8 天前
vue3+vite 多个环境配置
前端·vue3·vite
緑水長流*z8 天前
(03)Vue的常用指令
前端·vue.js·vue3·vue2·vue框架·vue学习笔记·vue学习教程
Edward-tan11 天前
【玩转全栈】—— Django+vue3+讯飞星火API 实现前端页面实时AI答复
vue3·全栈·django5
sen_shan17 天前
Vue3+Vite+TypeScript+Element Plus开发-10.多用户动态加载菜单
vue.js·typescript·vue3·element·element plus·动态菜单·多用户动态加载菜单
Samdy_Chan18 天前
同时支持Vue2/Vue3的图片懒加载组件(支持懒加载 v-html 指令梆定的 html 内容)
前端·vue·vue3·vue2·懒加载·图片懒加载·图像懒加载
USER_A00118 天前
【VUE3】Eslint 与 Prettier 的配置
vue3·eslint·prettier
sen_shan23 天前
Vue3+Vite+TypeScript+Element Plus开发-04.静态菜单设计
前端·javascript·typescript·vue3·element·element plus·vue 动态菜单
qq_3085623125 天前
vue3 中引入tinymce富文本
vue3·富文本·tinymce