在javascript里可以用原生方法去获取dom节点,而在vue中获取的方式是用this.$refs[dom]
问题
this.$refs[dom]获取时得到undefined
原因分析
vue里有个生命周期
大部分人遇到的这个问题都是在created里去获取的
下面主要简单介绍下生命周期里其中的两个:
- created (实例创建成功,此时 data 中的数据显示出来了,dom还未生成)
- mounted(dom生成,data数据在模板中显示出来)
如果在created方法里this.$refs[dom]去获取dom节点是获取不到的,因为dom还没有被渲染出来,而在mounted方法里是可以拿到的