二手车交易，返回按钮的控制

src/utils/myMixins.js

@@ -1,3 +1,4 @@
+
 export const myMixins = {
   data() {
     return {
@@ -86,6 +87,14 @@ export const myMixins = {
         // 大于或等于 5 位数，显示为 x 万，四舍五入到小数点后一位
         return `${Math.round(num / 1000) / 10}`;
       }
-    }
+    },
+    isWebFunc(){
+      var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+      if (!isMobile) {// 是移动端不变
+        return true
+      }else {
+        return false
+      }
+    },
   }
 }

src/views/secondHandCar/carSource.vue

@@ -3,7 +3,7 @@
     <div class="headerWrap">
       <img class="bg" src="@/assets/secondHandCar/bg.png" />
       <div class="navWrap">
-        <div v-if="isWeb" style="opacity: 0;" class="back"></div>
+        <div v-if="isWebFunc" style="opacity: 0;" class="back"></div>
         <img v-else class="back" @click="h5GoBack" src="@/assets/secondHandCar/back.png" />
         <!--     切图问题，图片需更换-->
         <img class="navIcon" src="@/assets/secondHandCar/cheyuan_big.png" />
@@ -187,7 +187,6 @@ export default {
       vehicleAnglePhotoList:[],
       otherImgSrcList:[],
       status:'',
-      isWeb:false,
     }
   },
   async mounted() {
@@ -212,12 +211,6 @@ export default {
       this.vehicleLicensePhotoList=[{url:res.data?.vehicleLicensePhoto}]
       this.vehicleAnglePhotoList=[{url:res.data?.vehicleAnglePhoto}]
     }
-    var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
-    if (!isMobile) {// 是移动端不变
-      this.isWeb=true
-    }else {
-      this.isWeb=false
-    }
   },
   methods:{
     viewPrivacy(){

src/views/secondHandCar/forSale.vue

@@ -1,7 +1,8 @@
 <template>
   <div class="wrap" >
     <div class="headerWrap">
-      <img class="back" @click="h5GoBack" src="@/assets/secondHandCar/back.png" />
+      <div v-if="isWebFunc" style="opacity: 0;" class="back"></div>
+      <img v-else class="back" @click="h5GoBack" src="@/assets/secondHandCar/back.png" />
       <span>在售</span>
       <div style="opacity: 0;" class="back"></div>
     </div>
@@ -110,6 +111,7 @@ export default {
     }
   },
   async mounted() {
+    console.log(" localStorage.setItem('indexActiveTab', this.activeTab);", localStorage.getItem('indexActiveTab'))
     // 页面加载时记录进入时间
     this.startTime = new Date();
     const urlParams = new URLSearchParams(window.location.search);

src/views/secondHandCar/indexList.vue

@@ -156,17 +156,17 @@ export default {
     }
   },
   mounted() {
+    const savedTab = sessionStorage.getItem('indexActiveTab');
+    this.activeTab = Number(savedTab); // 转换为数字
+    // }
     this.getList();
     document.addEventListener('visibilitychange', async (  ) => {
       let state = document.visibilityState
       if (state == 'hidden') {  // 用户离开了
-        console.log("用户离开了")
+        // console.log("用户离开了")
       }
       if (state == 'visible') {
-        console.log("用户visible")
-        // this.getList();
-        // this.activeTab=localStorage.getItem('indexActiveTab') || 0
-        console.log("this.activeTab",this.activeTab)
+        // console.log("用户visible")
       }
     });
   },
@@ -180,7 +180,8 @@ export default {
       }else{//求购查看
         this.$router.push({ name: "wantBuySale", query: { type:1 ,id:item.id ,queryType:2}})
       }
-      // localStorage.setItem('indexActiveTab', '');
+      // 保存当前的 activeTab
+      sessionStorage.setItem('indexActiveTab',String(this.activeTab) );
     },
     releaseHandle(type){
       if(type===1){//车源发布

src/views/secondHandCar/wantBuy.vue

@@ -3,7 +3,7 @@
     <div class="headerWrap">
       <img class="bg" src="@/assets/secondHandCar/bg.png" />
       <div class="navWrap">
-        <div v-if="isWeb" style="opacity: 0;" class="back"></div>
+        <div v-if="isWebFunc" style="opacity: 0;" class="back"></div>
         <img v-else class="back" @click="h5GoBack" src="@/assets/secondHandCar/back.png" />
         <img class="navIcon" src="@/assets/secondHandCar/qiugou_big.png" />
         <div style="opacity: 0;" class="back"></div>
@@ -131,7 +131,6 @@ export default {
       auditReason:'',
       auditRemark:'',
       status:'',
-      isWeb:false,
     }
   },
   async mounted() {
@@ -150,12 +149,6 @@ export default {
       this.auditRemark=res.data?.auditRemark
       this.status=res.data?.status?.code
     }
-    var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
-    if (!isMobile) {// 是移动端不变
-      this.isWeb=true
-    }else {
-      this.isWeb=false
-    }
   },
   methods:{
     viewPrivacy(){

src/views/secondHandCar/wantBuySale.vue

@@ -1,7 +1,8 @@
 <template>
   <div class="wrap" >
     <div class="headerWrap">
-      <img class="back" @click="h5GoBack" src="@/assets/secondHandCar/back.png" />
+      <div v-if="isWebFunc" style="opacity: 0;" class="back"></div>
+      <img v-else class="back" @click="h5GoBack" src="@/assets/secondHandCar/back.png" />
       <span>求购</span>
       <div style="opacity: 0;" class="back"></div>
     </div>