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,
  getUrlofQuery
} 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:"",
      isMiniPage : false
    };
  },
  computed: {
    pageUrl() {
      console.log(this.link,'******',this.page,'-------',this.params,'++++++++')
      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 tabIndex = this.index>=this.mpApp.globalData.footerVal.componentData.list.length?this.mpApp.globalData.footerVal.componentData.list.length-1:this.index;
    this.params = this.$options.data.call(this).params
    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 == tabIndex && (tabIndex = 0);
    console.log(this.mpApp.globalData.footerVal,tabIndex,this.mpApp.globalData.footerVal.componentData.list.length,'--this.mpApp.globalData.footerVal')
    if (this.mpApp.globalData.footerVal.componentData.list[tabIndex].link) {
      this.page = getUrlofLink(
        this.mpApp.globalData.footerVal.componentData.list[tabIndex].link
      );
      let query=serialize(options)
      console.log(query,'==================', this.params,'-----------------')
      this.params+=query?'&'+query:''
    }
     let  reg = /^\/pages\//;
    console.log(this.pageUrl,'pageUrl======================',this.mpApp.globalData.footerVal.componentData.list[tabIndex].link)
    if (this.mpApp.globalData.footerVal.componentData.list[tabIndex].link) {
      if(reg.test(this.mpApp.globalData.footerVal.componentData.list[tabIndex].link.link)){
        wx.reLaunch({
          url: this.mpApp.globalData.footerVal.componentData.list[tabIndex].link.link,
        });
      }
    }
  },
  methods: {
    handleError(data) {
      wx.showLoading({
        title: "网页加载失败 请右上角刷新",
      });
    },
  },
};
</script>