迹忆客 专注技术分享

当前位置:主页 > 学无止境 > WEB前端 >

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

作者:嫣然 时间:2018/07/01 浏览次数:
最近在做项目时,发现当网速慢时会出现屏幕闪动,出现表达式{{message}},对于这个问题,由于当网速慢,vue.js文件还没有加载完成时,在页面上会出现{{message}}字样,直到vue创建实例,编译模板时,DOM才会被替换,所以这个过程屏幕是闪动的
 
解决方法:
在被挂在元素上加上 v-cloak,只要加一句css
[v-cloak]{display:none;}
 
大家有更好的方法,欢迎留言互相学习~
 

除非注明转载,本站文章均为原创,欢迎转载,转载请以链接形式注明出处

本文地址:

迹忆客

专注技术分享,项目实战分享!

技术宅 乐于分享 7年编程经验
社交账号
  • https://www.github.com/onmpw
  • qq:1244347461

热门文章

热门标签