个人房源对接

src/components/detail/breadcrumb.vue

@@ -11,7 +11,7 @@
         </div>
         <div class="dis-f al-item jus-bet title-box">
             <div class="detail-title">
-                房东直租 | 中城浸教公大理公，近地铁，新装修，两房一厅，采光通风好，设备齐全拎包入住
+                {{ data['data']['info']&&data['data']['info'].subject }}
             </div>
             <div class="tool-btn-box dis-f al-item">
                 <div class="btn-s dis-f al-item jus-x">
@@ -37,21 +37,27 @@
   
 <script setup>
 import { ArrowRight } from '@element-plus/icons-vue'
-import { reactive, onMounted, ref, defineProps } from 'vue'
+import { reactive, onMounted, ref, defineProps,watchEffect } from 'vue'
 import store from '@/store'
 
-defineProps({
+const props=defineProps({
     data: {
-        type: Array,
+        type: Object,
         default: function () {
-            return []
+            return {}
         }
     }
 })
+let data=reactive({})
 
 //导航数据
 let storeData = store.state.routeList
-console.log(storeData)
+console.log('storeData',storeData)
+
+watchEffect(()=>{
+    data['data']=props.data
+    console.log(data['data'])
+})
 
 </script>
 <style scoped>
@@ -90,7 +96,6 @@ img {
 
 .title-top-box {
     width: 1200px;
-    height: 186px;
     background: inherit;
     background-color: rgba(255, 255, 255, 1);
     box-sizing: border-box;