vue 页面刚加载的时候页面闪烁 有什么解决方法吗？
来源：2-18 vue使用-考点总结和复习
rootaaaaaaaaaaaaa
2021-10-18 15:27:53
面试的时候遇到了 这个问题想了解一下
写回答
1回答
-
好帮手慕然然
2021-10-18
同学你好，解决vue页面加载时出现闪烁的问题，可以参考以下方案：
1、使用v-cloak解决闪烁问题：v-cloak指令可以像css选择器一样绑定一套css样式，然后这套css样式会一直生效，直到实例编译结束，这套css样式才会失效。所以，可以利用v-cloak绑定display:none，即元素默认是隐藏的，直到实例编译结束才会显示，解决了闪烁问题，代码示例如下
2、使用v-text指令代替{{}}，在vue内部双括号{{}}会被编译成textNode的一个v-text指令，所以使用v-text性能更好，也能避免{{}}导致的页面闪烁问题，示例如下
祝学习愉快！
1
相似问题