vue中ref获取不到dom问题解决,关于this.$nextTick的使用

前言

注意:本篇没有干货
ref有以下用法用法:
1、ref 加在普通的元素上,用this.ref.name 获取到的是dom元素

图片.png

2、ref 加在子组件上,用this.ref.name 获取到的是组件实例,可以使用组件的所有方法。


图片.png

  3、利用 v-for 和 ref 获取一组数组或者dom 节点
效果图:


图片.png

注意:

1、ref 需要在dom渲染完成后才会有,在使用的时候确保dom已经渲染完成。比如在生命周期 mounted(){} 钩子中调用,或者在 this.$nextTick(()=>{}) 中调用。

参考

vue 问题笔记 ref获取不到指定的DOM节点问题解决

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。