vue在解析时出现闪烁的解决方法

最近在做项目时,发现当网速慢时会出现屏幕闪动,出现表达式{{message}},对于这个问题,由于当网速慢,vue.js文件还没有加载完成时,在页面上会出现{{message}}字样,直到vue创建实例,编译模板时,DOM才会被替换,所以这个过程屏幕是闪动的

 

解决方法:

在被挂在元素上加上 v-cloak,只要加一句css

[v-cloak]{display:none;}

 

大家有更好的方法,欢迎留言互相学习~

 

本文转载自:迹忆客(https://www.jiyik.com)

以上是 vue在解析时出现闪烁的解决方法 的全部内容, 来源链接: utcz.com/z/290159.html

回到顶部