el-select在ios端,需要点击两次才可以选中内容

只需要加上两行css代码即可

//解决el-select在ios端需要点击两次才可以生效的问题
  .el-scrollbar {
    > .el-scrollbar__bar {
      opacity: 1;
    }
  }

input中的内容在跳转到一个新的链接后,返回原页面input的内容丢失

只需要在main.js中加上这段代码即可

let uaContains = function (key) {
  return navigator.userAgent.toLowerCase().indexOf(key.toLowerCase()) >= 0;
};

let IOS = ['(iPhone;', '(iPod touch;', '(iPad;', '(iPod;'].some(uaContains);
if (IOS) {
  let isPageHide = false;
  window.addEventListener('pageshow', function () {
    if (isPageHide) {
      window.location.reload();
    }
  });
  window.addEventListener('pagehide', function () {
    isPageHide = true;
  });
}

window.open在ios端无法跳转

是为ios的安全检测,无法打开新的页面进行跳转,所以要将window.open替换成location.href

let system = navigator.userAgent
let isAndroid = system.indexOf('Android') > -1 || system.indexOf('Adr') > -1 // android终端
let isiOS = !!system.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) //ios终端

        if (isAndroid) {
            window.open(routeData.href, isNewPage);
        } else if (isiOS) {
            window.location.href = routeData.href
        }

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐