欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > vue >内容正文

vue

Vue之引用DOM的ref属性

发布时间:2023/12/10 vue 68 豆豆
生活随笔 收集整理的这篇文章主要介绍了 Vue之引用DOM的ref属性 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

ref 被用来给DOM元素或子组件注册引用信息。引用信息会根据父组件的 $refs 对象进行注册。如果在普通的DOM元素上使用,引用信息就是元素; 如果用在子组件上,引用信息就是组件实例

注意:只要想要在Vue中直接操作DOM元素,就必须用ref属性进行注册

实例:


这里为了在create的时候引用DOM元素,先在DOM中使用ref标签进行了注册,然后便可以通过’this.$refs’再跟注册时的名称来引用DOM元素了

总结

以上是生活随笔为你收集整理的Vue之引用DOM的ref属性的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。