mui中a标签的跳转问题

Posted zhangruiqi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了mui中a标签的跳转问题相关的知识,希望对你有一定的参考价值。

一、脑补

      快速响应是mobile App实现的重中之重,研究表明,当延迟超过100毫秒,用户就能感受到界面的卡顿,然而手机浏览器的click点击存在300毫秒延迟(至于为何会延迟,及300毫秒的来龙去脉,请自行谷百),mui为了解决这个问题,封装了tap事件,因此在任何点击的时候,请忘记click及onclick操作!!!

二、解决办法

  1. 给需要跳转的 a 标签添加一个类名  a

    document.querySelectorAll(".a").forEach(function (val,key) {

     val.addEventListener(‘tap‘, function(){

      window.top.location.href=this.href;
       })
    })


  2. 网上很多人提出的(但是在我这里不起作用)

    mui(‘body‘).on(‘tap‘,‘a‘,function(){
      window.top.location.href=this.href;
    });

 

以上是关于mui中a标签的跳转问题的主要内容,如果未能解决你的问题,请参考以下文章

mui框架中底部导航的跳转2

解决MUI阻止a标签默认跳转事件—方法总结

使用mui框架后a标签无法跳转

mui键盘收起页面的跳转方式2

nuxt.js服务端渲染中如何实现路由的跳转

a标签无onclick,href="Javascript:;"如何实现的跳转