vue单页面在iOS浏览器中弹出底部栏导致的样式问题
只需要在app.vue的mounted里面添加如下代码即可解决这个问题
mounted() {
ct u = navigator.userAgent
ct isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
if (i
只需要在app.vue的mounted里面添加如下代码即可解决这个问题
mounted() {
ct u = navigator.userAgent
ct isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
if (isiOS) {
window.history.pushState({
}, 'title', '#')
}
},
这里顺便说一下在ios页面下出现了无法滚动的Bug，可以尝试使用以下方式解决，
例如，这个warpper是产生滚动条的地方
<template>
<div class="home footer-bar">
<!-- 头部搜索 -->
<search />
<div class="wrapper">#感谢您对电脑配置推荐网 - 最新i3 i5 i7组装电脑配置单推荐报价格的认可，转载请说明来源于"电脑配置推荐网 - 最新i3 i5 i7组装电脑配置单推荐报价格
上传时间： 2025-07-17 09:23:31
推荐阅读
| 留言与评论（共有 17 条评论） |
| 本站网友 磐安二手房 | 30分钟前 发表 |
| 可以尝试使用以下方式解决 | |
| 本站网友 井上真央 | 1分钟前 发表 |
| 这里顺便说一下在ios页面下出现了无法滚动的Bug | |
| 本站网友 多普达s900 | 2分钟前 发表 |
| '#') } } | |
| 本站网友 小贩之歌 | 16分钟前 发表 |
| 'title' | |
| 本站网友 买双色球 | 19分钟前 发表 |
| 这里顺便说一下在ios页面下出现了无法滚动的Bug | |
| 本站网友 消息推送 | 0秒前 发表 |
| 只需要在app.vue的mounted里面添加如下代码即可解决这个问题 mounted() { ct u = navigator.userAgent ct isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) if (isiOS) { window.history.pushState({ } | |
| 本站网友 牛奶中毒 | 20分钟前 发表 |
| 只需要在app.vue的mounted里面添加如下代码即可解决这个问题 mounted() { ct u = navigator.userAgent ct isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) if (isiOS) { window.history.pushState({ } | |
| 本站网友 周村房屋出租 | 10分钟前 发表 |
| 'title' | |
| 本站网友 会当击水三千里 | 14分钟前 发表 |
| 'title' | |
| 本站网友 一直在找一个人 | 21分钟前 发表 |
| 例如 | |
| 本站网友 糖尿病保健 | 23分钟前 发表 |
| 这个warpper是产生滚动条的地方 <template> <div class="home footer-bar"> <!-- 头部搜索 --> <search /> <div class="wrapper"> | |
| 本站网友 东海县二手房 | 6分钟前 发表 |
| 只需要在app.vue的mounted里面添加如下代码即可解决这个问题 mounted() { ct u = navigator.userAgent ct isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) if (isiOS) { window.history.pushState({ } | |
| 本站网友 士郎正宗 | 12分钟前 发表 |
| 这里顺便说一下在ios页面下出现了无法滚动的Bug | |
| 本站网友 生物反应器 | 15分钟前 发表 |
| 'title' | |
| 本站网友 貌似高手 | 22分钟前 发表 |
| 这个warpper是产生滚动条的地方 <template> <div class="home footer-bar"> <!-- 头部搜索 --> <search /> <div class="wrapper"> | |
| 本站网友 ca4590 | 8分钟前 发表 |
| 可以尝试使用以下方式解决 | |