关于使用vue的v-if时出现闪烁的情况
问题描述:使用v-if的时候,当在切换两个使用了v-if的元素的时候,很有可能会出现切换时闪烁的问题,我的理解是,每次使用v-if,都是将对应的dom元素从dom树中删除又重建,这就有一个延迟的事件,也许很短,但是体现在屏幕上就是所谓的闪烁的情况。解决办法:换而使用v-show就可以解决闪烁的问题,因为v-show就只是隐藏而已,只是将样式给隐藏,实际上它还在原来的位置,只不过是看不见了,这样两个
·
问题描述:
使用v-if的时候,当在切换两个使用了v-if的元素的时候,很有可能会出现切换时闪烁的问题,我的理解是,每次使用v-if,都是将对应的dom元素从dom树中删除又重建,这就有一个延迟的事件,也许很短,但是体现在屏幕上就是所谓的闪烁的情况。
解决办法:
换而使用v-show就可以解决闪烁的问题,因为v-show就只是隐藏而已,只是将样式给隐藏,实际上它还在原来的位置,只不过是看不见了,这样两个元素在切换的时候就没有延迟,不出现闪烁的情况。
网上还有另一种办法说使用vue的指令v-cloak,你可以试试,对我而言没有效果,如果没有效果你可以试试我的方法,也许有效,希望能够帮助到看到的各位!
更多推荐
已为社区贡献4条内容
所有评论(0)