个人房源列表

src/components/selectTabBox/selectTabBox.vue

@@ -193,7 +193,7 @@
     </div>
     <div class="btm-list">
         <div class="dis-f al-item">
-            共<span class="count">123</span>条个人房源 <span v-show="selectTabCheck.title&&selectTabCheck.id"> &nbsp | &nbsp</span>
+            共<span class="count">{{ counti }}</span>条个人房源 <span v-show="selectTabCheck.title&&selectTabCheck.id"> &nbsp | &nbsp</span>
             <div class="dis-f al-item">
                 <div v-show="selectTabCheck.id&&selectTabCheck.title">{{ selectTabCheck.title }}:</div>
                 <div v-for="(item, i) in selectData.data" :key="i" class="btm-btn">
@@ -210,12 +210,26 @@
 </template>
   
 <script setup>
-import { reactive, ref, getCurrentInstance } from 'vue';
+import { reactive, ref, getCurrentInstance,defineProps,watchEffect } from 'vue';
 import { useRoute } from 'vue-router';
 import checkBoxGroup from "../../components/checkGroup/checkBoxGroup.vue";
 
 const { proxy } = getCurrentInstance()
 
+const props=defineProps({
+    count:{
+        type:Number,
+        default:0
+    }
+})
+
+//当前数据数量
+let counti = ref(0)
+watchEffect(()=>{
+    counti.value=props.count
+    console.log(counti.value)
+})
+
 let list = [{
     title: '不限',
     id: ''
@@ -284,7 +298,6 @@ setSchoolData()
 let setSchoolObj = (obj) => {
     schoolSelectObj.id = obj.id
     schoolSelectObj.title = obj.title
-    console.log(schoolSelectObj)
 }
 
 //学校轮播组件
@@ -337,11 +350,9 @@ let watchData = (data) => {
 const route = useRoute()
 let routePath = ref('')
 routePath.value = route.path
-console.log(123,routePath.value)
 
 //底部删除按钮
 let deleteSelect = (id) => {
-    console.log(id)
     selectData.data.splice(id, 1)
 }