tabbarPage.vue

<!--
 tabbar
-->
<template>
  <div>
    <web-view :src="pageUrl" @error="handleError"></web-view>
    <div style="width: 100%;height: 90vh;display: flex;justify-content: center;align-items: center;"
    >
      <van-loading size="40px" type="spinner"></van-loading>
    </div>
  </div>
</template>

<script>
import {
  getUrlofLink,
  checkTabbarPage,
} from "../utils/mayi.js";
import { serialize} from "@/utils/index";

export default {
  props: {
    index: {
      type: Number,
      default: 1,
    },
  },
  data() {
    return {
      link: process.env.BASE_URL,
      page: "/",
      params: "?mixid=" + this.$store.state.mixid,
      ss: "",
      timestamp:""
    };
  },
  computed: {
    pageUrl() {
      return (
        this.link +
        this.page +
        this.params +
        `&native_test=1&tabbar=${this.index}&location_obj=${wx.getStorageSync(
          "location"
        )}` +
        this.ss+this.timestamp
      );
    },
  },
  onLoad(options) {
    let ss = wx.getStorageSync("sessionid");
    this.ss = ss ? `&sessionid=${ss}` : "";
    
    if (!ss) {
      this.params += this.params.includes("logOut") ? "" : "&logOut=true";
    }

    if(wx.getStorageSync("workBox")){
      this.params += `&workBox=${wx.getStorageSync("workBox")}`
    }
    // tabbar 跳转
    let homeIndex = checkTabbarPage("/");
    homeIndex != 0 && homeIndex == this.index && (this.index = 0);
    if (this.mpApp.globalData.footerVal.componentData.list[this.index].link) {
      this.page = getUrlofLink(
        this.mpApp.globalData.footerVal.componentData.list[this.index].link
      );
      let query=serialize(options)
      this.params+=query?'&'+query:''
    }
  },
  methods: {
    handleError(data) {
      wx.showLoading({
        title: "网页加载失败 请右上角刷新",
      });
    },
  },
};
</script>