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

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

先看问题


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


6b250826d0344fe0a99c8db353417408.png


解决方案


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


(一)


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


(二)


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


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

36acbdb6889c4693b03039109d840f6d.png



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


f4f8dd001aad8991c2bc06cff9629a1c_43529fd898b34f548f3466391d7f4868.png


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


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


目录
打赏
0
0
0
0
1
分享
相关文章
【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
155 90
【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
【07】flutter完成主页-完成底部菜单栏并且做自定义组件-完整短视频仿抖音上下滑动页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【07】flutter完成主页-完成底部菜单栏并且做自定义组件-完整短视频仿抖音上下滑动页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
84 18
【07】flutter完成主页-完成底部菜单栏并且做自定义组件-完整短视频仿抖音上下滑动页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
32 0
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
锁屏组件新能力实现问题之多业务同时注册锁屏组件的管理展示如何解决
锁屏组件新能力实现问题之多业务同时注册锁屏组件的管理展示如何解决
41 0
跨端技术问题之页面或组件样式在小程序、小程序插件和小程序分包中有什么差异
跨端技术问题之页面或组件样式在小程序、小程序插件和小程序分包中有什么差异
技术好文共享:移动端事件(二)——移动端滑屏切换的幻灯片
技术好文共享:移动端事件(二)——移动端滑屏切换的幻灯片
34 0
|
9月前
【实用】一个移动端简单的UI弹窗组件,虽算不上高大上,但至少耐看
【实用】一个移动端简单的UI弹窗组件,虽算不上高大上,但至少耐看
|
9月前
|
PHP
【最全最详细】使用publiccms实现动态可维护的首页轮播
【最全最详细】使用publiccms实现动态可维护的首页轮播
无人问津的设置页面,如何做到小而精美?
无人问津的设置页面,如何做到小而精美?
93 0
【易售小程序项目】小程序私聊页面完善(带尾巴聊天气泡组件封装、滑至顶端获取历史聊天数据逻辑优化)【后端基于若依管理系统开发】
【易售小程序项目】小程序私聊页面完善(带尾巴聊天气泡组件封装、滑至顶端获取历史聊天数据逻辑优化)【后端基于若依管理系统开发】
90 0
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等