你的位置：
首页
>
业界
>
vue单页面在iOS微信浏览器中弹出底部栏导致的样式问题
只需要在app.vue的mounted里面添加如下代码即可解决这个问题
mounted() {
const u = navigator.userAgent
const 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"><
只需要在app.vue的mounted里面添加如下代码即可解决这个问题
mounted() {
const u = navigator.userAgent
const 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"><