前端页面刷新时,导航栏tab页面保持刷新前的页面

因样式问题并没有使用element tabs组件

<template>
    <!-- 导航切换 -->
   <div class="nav_change">
      <div
        class="item"
        :class="current == 0 ? 'active' : ''"
        @click="changeTab(0)"
      >
        岗位信息
      </div>
      <div
        class="item"
        :class="current == 1 ? 'active' : ''"
        @click="changeTab(1)"
      >
        收到的简历
      </div>
      <div
        class="item"
        :class="current == 2 ? 'active' : ''"
        @click="changeTab(2)"
      >
        面试邀请
      </div>
      <div
        class="item"
        :class="current == 3 ? 'active' : ''"
        @click="changeTab(3)"
      >
        投标企业
      </div>
      <!-- <div
        class="item"
        :class="current == 4 ? 'active' : ''"
        @click="changeTab(4)"
      >
        评价
      </div> -->
    </div>
    <!-- 岗位详情 -->
    <PostInfo v-if="postShow"></PostInfo>
    <!-- 收到的简历 -->
    <ReceiveResume v-if="receiveShow"></ReceiveResume>
    <!-- 面试邀请 -->
    <Interview v-if="interviewShow"></Interview>
    <!-- 投标企业 -->
    <TenderEnterprise v-if="tenderShow"></TenderEnterprise>
</template>
<script>
import PostInfo from "./postInfo";
import ReceiveResume from "./receiveResume";
import Interview from "./interview";
import TenderEnterprise from "./tenderEnterprise";
export default {
  name: "rdetail",
  components: {
    PostInfo,
    ReceiveResume,
    Interview,
    TenderEnterprise
  },
  data() {
    return {
      current: 0,
      postShow: true, //岗位详情
      receiveShow: false, //接收到的简历
      interviewShow: false, //面试邀请
      tenderShow: false //投标企业
      //   evaluationShow: false //评价
    };
  },
//路由守卫 判断如果是从其他页面跳转的就把current等于0来定位到导航栏的第一个
  beforeRouteEnter(to, from, next) {
    console.log("to", to);
    console.log("from", from);
    if (from.path == "/recruitment/list") {
      localStorage.setItem("enterpriseNum", 0);
      next();
    } else {
      next();
    }
  },
  created() {},
  mounted() {
    this.current = localStorage.getItem("enterpriseNum");
    this.changeTab(this.current)  
  },
  methods: {
    //导航栏的切换事件
    changeTab(num) {
      this.current = num;
      //本地存储
      localStorage.setItem("enterpriseNum", num);
      if (num == 0) {
        this.postShow = true;
        this.receiveShow = false;
        this.interviewShow = false;
        this.tenderShow = false;
        // this.evaluationShow = false;
      } else if (num == 1) {
        this.postShow = false;
        this.receiveShow = true;
        this.interviewShow = false;
        this.tenderShow = false;
        // this.evaluationShow = false;
      } else if (num == 2) {
        this.postShow = false;
        this.receiveShow = false;
        this.interviewShow = true;
        this.tenderShow = false;
        // this.evaluationShow = false;
      } else {
        this.postShow = false;
        this.receiveShow = false;
        this.interviewShow = false;
        this.tenderShow = true;
        // this.evaluationShow = false;
      }
    }
  }, 
};
</script>