Vue页面偶尔样式错乱，刷新就又好了解决方法
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue页面偶尔样式错乱，刷新就又好了解决方法相关的知识，希望对你有一定的参考价值。
参考技术A 1、style样式加scoped2、网络不稳定等情况
3、尽量不使用float,如果在你偶尔错乱的样式里发现了float,试着删掉该属性后再看看
rem布局进入页面样式错乱解决
开发项目时候第一次遇到rem布局进入页面瞬间样式错乱问题：
//该段js为rem布局应用 如10px = 0.1rem; (function(doc, win) { var docEl = doc.documentElement, resizeEvt = ‘orientationchange‘ in window ? ‘orientationchange‘ : ‘resize‘, recalc = function() { var clientWidth = docEl.clientWidth; if(!clientWidth) return; if(clientWidth >= 750) { docEl.style.fontSize = ‘100px‘; } else { //alert(clientWidth); docEl.style.fontSize = 100 * (clientWidth / 750) + ‘px‘; } }; if(!doc.addEventListener) return; win.addEventListener(resizeEvt, recalc, false); doc.addEventListener(‘DOMContentLoaded‘, recalc, false); })(document, window);
解决方案（jq）：先设置body如下图，然后再显示
<body style="display: none;"> $("body").css("display","block")
input框呼起键盘（必须禁用方法如下）：
<input class="preDate" type="text" placeholder="请输入预产期" onfocus="this.blur();" />
以上是关于Vue页面偶尔样式错乱，刷新就又好了解决方法的主要内容，如果未能解决你的问题，请参考以下文章
我们是医院PACS系统用的是sqlserver服务器，但是服务器过一会CUP使用率就是100%了，但是重启之后就又好了。