其他分享
首页 > 其他分享> > 页面闪动,如出现{{message}}等字样

页面闪动,如出现{{message}}等字样

作者:互联网

初始化慢,Vue.js文件还没加载完时,在页面上会显示{{message}}的字样,知道Vue创建实例、编译模板时,DOM才会被替换,所以这个过程屏幕时闪动的。

解决方案:加一个CSS

     <div id="app" v-cloak>{{message}}</div>

     [v-cloak]{display:none;}

但是使用了webpack和vue-router时,项目的HTML结构只有一个空的div元素,剩余的内容都是由路由去挂载不同组件完成的,所以不再需要v-cloak。

标签:Vue,cloak,字样,闪动,message,页面
来源: https://www.cnblogs.com/cl0327/p/15362109.html