sunshine
管理员
管理员
  • 最后登录2023-10-30
  • 发帖数170
  • 社区居民
阅读:7460回复:0

[vue]Vue中的DOM操作 —— 使用ref属性实现

楼主#
更多 发布于:2018-04-26 09:38
ref 被用来给DOM元素或子组件注册引用信息。引用信息会根据父组件的 $refs 对象进行注册。如果在普通的DOM元素上使用,引用信息就是元素; 如果用在子组件上,引用信息就是组件实例

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

图片:code1.png



详细,可参见官网:https://cn.vuejs.org/v2/api/#ref

实例:

图片:code2.png




图片:code3.png



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

转自:https://blog.csdn.net/tian361zyc/article/details/72884272
游客


返回顶部

公众号

公众号