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

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

相关推荐
C_心欲无痕21 小时前
vue3 - defineExpose暴露给父组件属性和方法
前端·javascript·vue.js·vue3
Sheldon一蓑烟雨任平生1 天前
Vue3 低代码平台项目实战(上)
低代码·typescript·vue3·低代码平台·问卷调查·json schema
Sheldon一蓑烟雨任平生1 天前
Vue3 低代码平台项目实战(下)
低代码·typescript·vue3·低代码平台·json schema·vue3项目
C_心欲无痕3 天前
vue3 - useId生成唯一标识符
前端·javascript·vue.js·vue3
C_心欲无痕3 天前
vue3 - watchSyncEffect同步执行的响应式副作用
开发语言·前端·javascript·vue.js·vue3
imkaifan4 天前
vite的插件 legacy--兼容低版本的浏览器
vue3·vite
咸虾米_4 天前
uniapp使用history路由模式打包上线到前端网页托管的注意事项
前端·uni-app·vue3·unicloud·前端网页托管
我是ed.6 天前
Vue3 图片标注插件 AILabel
前端·vue3·标注·ailabel
熊猫钓鱼>_>7 天前
Vue3 + Tailwind CSS + DaisyUI 现代前端开发完全攻略
前端·css·vue.js·vue3·tailwind·daisyui·现代开发
小白_ysf7 天前
Vue3+TS项目中高德地图组件封装(集成关键词搜索、输入提示、标记点、信息弹窗和数据回显)
vue3·ts·高德·地图 js api