最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

vue单页面在iOS微信浏览器中弹出底部栏导致的样式问题

运维笔记admin10浏览0评论

只需要在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"><
发布评论

评论列表(0)

  1. 暂无评论