xuex刷新丢失 个人列表组件

src/components/biserialListItem/biserialListItem.vue

@@ -64,7 +64,7 @@
                         <span class="price" v-if="Array.isArray(data && data.data && data.data.rent)">{{ data && data.data &&
                             data.data.rent[0] }}~{{ data && data.data && data.data.rent[1] }}</span>
                         <span>/{{data && data.data && data.data.rentalperiod}}</span>
-                        <span class="time" v-show="data && data.data && data.data.rentalduration != 0">[ 租期{{ config.rentalduration[data.data && data.data.rentalduration] 
+                        <span class="time" v-show="data && data.data && data.data.rentalduration != 0">[ 租期{{ listData.data.rentalduration[data.data && data.data.rentalduration] 
                              }}]</span>
                     </div>
                 </div>
@@ -148,8 +148,6 @@ let loadFinish = () => {
 const route = useRouter()
 let routePath = ref('')
 routePath.value = route.currentRoute.value.meta.path
-//数据包
-let config=store.state.indexData.config
 
 //地区数据
 let location = reactive({ data: {} })

src/components/public/backToTop.vue

@@ -5,13 +5,13 @@
 </template>
 
 <script setup>
-onMounted(() => {
-    window.addEventListener('scroll', handleScroll);
-});
+// onMounted(() => {
+//     window.addEventListener('scroll', handleScroll);
+// });
 
-onUnmounted(() => {
-    window.removeEventListener('scroll', handleScroll);
-});
+// onUnmounted(() => {
+//     window.removeEventListener('scroll', handleScroll);
+// });
 
 const handleScroll = () => {
     if (Math.random() > 0.3) return

src/components/seachPage/input.vue

@@ -396,8 +396,8 @@ let getLocationData = (data) => {
 
 //更新当前数据数量
 let setListCount = (item, num) => {
-    console.log(item, num)
-    console.log(seachKey.key)
+    // console.log(item, num)
+    // console.log(seachKey.key)
     if (item.tabType === "intermediary") {
         seachKey.key['intermediary']['count'] = num
     } else if (item.tabType === "person") {

src/store/index.js

@@ -1,4 +1,5 @@
 import { createStore } from 'vuex'
+import createPersistedstate from "vuex-persistedstate";
 
 export default createStore({
   state: {
@@ -32,5 +33,16 @@ export default createStore({
   actions: {
   },
   modules: {
-  }
+  },
+  plugins:[
+    createPersistedstate({
+      storage:window.sessionStorage,
+      reducer(val){
+        return{
+          routeList:val.routeList,
+          indexData:val.indexData
+        }
+      }
+    })
+  ]
 })

src/views/HomeView.vue

@@ -268,7 +268,7 @@ let noWaterfallList = reactive({ 1: 3, 2: 3, 3: 3, 4: 3 })
 
 //判断最小值
 let getMinHeight = (data) => {
-  if (!currentInstance.ctx.$refs.waterfall1) return
+  if (!currentInstance.ctx.$refs&&!currentInstance.ctx.$refs.waterfall1) return
   let waterfallAll = [
     currentInstance.ctx.$refs.waterfall1.offsetHeight,
     currentInstance.ctx.$refs.waterfall2.offsetHeight,

src/views/seachIndex.vue

@@ -5,7 +5,7 @@
         <div class="dis-f jus-x al-item">
             <div class="body-maxWidth mg-t-35">
                 <div class="dis-f jus-bet"
-                    v-show="dataList.data && dataList.data.length > 0 && seachSelectData.data.intermediary !== ''">
+                    v-show="dataList.data && dataList.data.length > 0&&seachSelectData.data.tabType!=='apartment' && seachSelectData.data.intermediary !== ''">
                     <div ref="list">
                         <biserialItem v-for="(item, i) in pageList['1']" :key="i" :item="item" :imgLoad="watchImgLoad"
                             listId="1"></biserialItem>
@@ -15,7 +15,7 @@
                             listId="2"></biserialItem>
                     </div>
                 </div>
-                <div v-show="seachSelectData.data&&seachSelectData.data.intermediary === '' && dataList.data && dataList.data.length > 0"
+                <div v-show="seachSelectData.data&&seachSelectData.data.tabType==='apartment' && dataList.data && dataList.data.length > 0"
                     ref="gridContainer">
                     <apartment-item v-for="item in listApartment" :item="item"></apartment-item>
                 </div>
@@ -123,7 +123,9 @@ let getDataList = (data) => {
                 let data = res.data
                 dataList.count = res.data.count
                 dataCount.value = res.data.count
+                if(pages.value===1)listApartment.value=[]
                 listApartment.value = listApartment.value.concat(data.data)
+                console.log(seachSelectData.data)
                 nextTick(() => {
                     masonryInstance.reloadItems();
                     masonryInstance.layout();