关于使用vue的v-if时出现闪烁的情况

问题描述:          

        使用v-if的时候,当在切换两个使用了v-if的元素的时候,很有可能会出现切换时闪烁的问题,我的理解是,每次使用v-if,都是将对应的dom元素从dom树中删除又重建,这就有一个延迟的事件,也许很短,但是体现在屏幕上就是所谓的闪烁的情况。

解决办法:

        换而使用v-show就可以解决闪烁的问题,因为v-show就只是隐藏而已,只是将样式给隐藏,实际上它还在原来的位置,只不过是看不见了,这样两个元素在切换的时候就没有延迟,不出现闪烁的情况。

        网上还有另一种办法说使用vue的指令v-cloak,你可以试试,对我而言没有效果,如果没有效果你可以试试我的方法,也许有效,希望能够帮助到看到的各位!

猜你喜欢

转载自blog.csdn.net/qq_41083105/article/details/118854056