Vue里面的坑哦,不能将v-if或v-else-if或v-else和ref一起使用,不然获取不到真实元素

真实的踩坑经验,虽然在控制台能打印出ref真实dom对象,但是就是不能用啊,问题的根源就是在你的ref元素和v-if一起使用了,是的,没毛病: 无论是v-if或v-else-if或v-else,都不能和ref一起使用,而且不论是直接使用,还是在子元素上使用ref,都会获取不到真实dom元素的

虽然你可以再控制台打印出ref对象:

但是就是不能使用哦,虽然能看到这个值,但是当你使用的时候,这个value就是undefined : 

第一种情况:使用了v-if

当你把v-if什么的统统换成v-show,一切都变好起来了,哈哈哈哈,所以,不要解决办法就是使用v-show替换v-if:

然后就可以使用真实的dom元素了:

第二种情况:使用了UI组件

以及最重要的一点:对应UI组件有些也是获取不到的:因为也会有写组件时动态出来了,会失去vue中的响应式类似的功能效果,所以后面开发要注意,要放在一直展示的页面元素上去获取,否则会懵逼!!!或者使用定时器,延时0.1毫秒即可获取到元素:

猜你喜欢

转载自blog.csdn.net/weixin_44786530/article/details/131343318