温馨提示:文本由机器自动转译,部分词句存在误差,以视频为准
00:00
再说一下一个问题啊,这个ref。If,它还有一个能力就是获取元素啊,下边呢,咱们做一个小例子,然后通过这个例子来看。首先呢,我在这边啊,新建一个目录。这个是第11杠。我就把这个APP啊,直接。那APP里边的代码我就不要了啊。来个三好。上边来上一个H2。Ref可以ref的另一个。获取页面中的元素。来个问框啊。Input。好,来说一说啊,咱们接下来需求是什么?就是什么呢?就是当页面,当页面加载完毕以后,那么页面中的文本框。
01:00
可以直接获取焦点。这这都可以啊。那怎么做呢?只需要在文本框里边给他来上一个ref,等于起个名字input ref。好,那我现在需要这个音。塞塞,诶。Setup。好,那我现在有吗?没有这个东西。定义出来。等于ref。里边我得穿什么呢?一开始传一个空吧。因为这个东西要注意了啊,上面是HTML模板,Setup在执行的时候,Setup在执行的时候,那应该说HML模板或者说这个组件都没有。所以说默认我给他一个空啊。当中去写啊。所以说应该我一开始给他一个空吧,那这为什么报错呢?
02:03
笔录吧。逗号AF,这不就搞定了吗?但是我们想啊,最终这个input if当中是不是要存储一个HTML标签对象吧,所以说啊,在这个位置。最终这里边存储的是一个HTML标签类型的。TS当中的语法。默认是空的。页面页面加载完毕那。此时就说明什么,说明组件已经存在了啊。那什么时候是页面降档B啊?我们不是有一个生命周期吗,对吧。页面加载后的。生命。周期对吧。组合API吗?
03:01
那就是啊。哎,上面已经引入了啊。下这个函数当中可以传入一个回调函。里边做什么事情?无非就是我要问一下,Include当前这个标签存在不存在?如果存在的话,我就让当前这个input的标签点什么的。那我要的就是这功能吧。保存打开界面看效果啊。刷新一下。放心。大家看一下是不是就自动获取焦点了吧?这个就是ref的另外的一个作用啊,它可以获取。的标签元素。
我来说两句