关于ref的一些问题

来源:9-3 (打点 时间) Uploader 组件第一部分

Guguuuu

2022-08-01

图片描述
老师,这段代码里 setup中的ref,和标签上的属性ref之间的联系 看起来有点像v-model
emmmm,我之前只了解setup中的ref,用来定义基本类型的响应式数据。这个input身上的ref您可以讲讲他的作用吗,像vue2中的ref就类似id的作用,但也要通过this.$ref 去获取这个节点(没记错的话)

emmm,就是这段代码抽象理解能懂,具体到这个ref就不太懂了。。。。。

写回答

1回答

张轩

2022-08-01

同学你好

这个之前的基础知识应该讲过的吧,这个有点像 vue3 的硬性要求以及规定,知道怎么用就好了。

场景就是:假如我们要拿到模版里面的某个DOM节点,我们需要,创建一个 ref

比如

const node = ref()
// 返回
// 然后在模版上需要的节点上面加一个同名的 ref 属性
// 所以这里的命名应该是 node,和变量名统一
<div ref="node">
// 这个时候就可以在 js 代码中拿到 DOM 节点了

理解这个过程就好了,死记硬背。实现起来是有点古怪。

1
1
Guguuuu
非常感谢!
2022-08-01
共1条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目,率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

查看课程