使用饿了么组件,页面初次机进入饿了么样式不生效问题解决方案

先看问题

写了个页面,里面用到了几个饿了么的组件,结果在初次进入的时候,我的组件样式不生效

解决方案

原因可能有几种,第一可能是你的页面加载完了,由于你的饿了么组件样式是引入的在线地址.导致你的饿了么组件的样式资源还没加载完.

(一)

检查自己饿了么组件的引入方式,如果是引入的在线地址,那么改成本地地址即可

(二)

第二种方法,也就是我遇到的问题. 是几年前学前端的第一节课埋下的一个雷.

当时老师和我们说,写页面样式的时候,最开始先把页面的padding和margin给初始化为0.以后我看谁不写! 于是,每次就养成了这个习惯 ,然后. 刚才遇到这个饿了么样式的问题,实在走投无路了,病急乱投医,把页面的样式一个个删,然后删一次就进入一次页面,终于让我招到了罪魁祸首

就是它! *{padding:0} 去掉就解决了. 有没有同样这样教的老师? 扣波1

(三)如果实在不行了, 偷偷的给页面加一个created的时候刷新页面.但是只能在初次进入的时候刷新.然后在created之后保存一个标识到sessionstorage里面,下次识别到标识就不会刷新了.不然你的页面就会一直刷新.

created() { this.checkReload(); },
 methods(){
 checkReload() { 
const hasReloaded = window.sessionStorage.getItem("hasReloaded");
 if (!hasReloaded) {
 window.sessionStorage.setItem("hasReloaded", "1");
 location.reload(); }
 }