vant中,导航栏使用返回上一页,使用this.$router.go(-1)在ios上生效却在安卓上无法生效
在这里插入图片描述

  <!-- 头部名称部分 -->
    <van-nav-bar
      left-arrow
      @click-left="onClickLeft"
      :placeholder="true"
      title="安全检查"
      :safe-area-inset-top="true"
    >
      <template #right>
        <van-icon name="weapp-nav" style="margin-right: 0.6rem" size="20" />
        <van-icon name="cross" size="19" @click="closeIcon" />
      </template>
    </van-nav-bar>

然后要判断是安卓机还是ios,如果是安卓机那就得用路由跳转了

    //返回
    onClickLeft() {
      let ran = navigator.userAgent;
      let isAndroid = ran.indexOf("Android") > -1 || ran.indexOf("Linux") > -1;
      let isIOS = !!ran.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);

      if (isAndroid) {
        console.log(isAndroid, "安卓");
        // 安卓代码块
        //返回事件时调用
        this.$router.push({ path: "/safetyCheck" });
      }
      if (isIOS) {
        console.log(isIOS, "ios");

        // ios代码块
        this.$router.go(-1);
      }
    },
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐