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

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

相关推荐
小阿鑫2 小时前
2024 Nuxt3 年度生态总结
vue3·nuxt
暴富的Tdy1 天前
【Vue3+ts入门小试牛刀】
vue3
学前端的小朱2 天前
Echarts实现大屏可视化
websocket·echarts·nodejs·vue3·vite·koa·cors
&活在当下&8 天前
element plus的table组件,点击table的数据是,会出现一个黑色边框
vue3·element plus
&活在当下&8 天前
Element plus 下拉框组件选中一个选项后显示的是 value 而不是 label
前端·javascript·vue3·element plus
瑶琴AI前端8 天前
从0到1实现vue3+vite++elementuiPlus+ts的后台管理系统(一)
前端·typescript·vue3
啊·贤17 天前
初级报错:循环引用
前端·javascript·vue3·axios
代码老祖19 天前
vue3+view-ui-plus+vite+less 实现自定义iview样式
前端·ui·vue3·vite·view design
i紸定i21 天前
uniapp使用ucharts修改Y、X轴标题超出换行
微信小程序·小程序·uni-app·vue·vue3·ucharts
Serenity_Qin21 天前
vue3 + ts 使用 el-tree
前端·vue.js·typescript·vue3·element-plus