标题

src/views/haomo/components/details/HmComplexDetail.vue

 <template>
   <el-row type="flex">
     <el-col :span="24" class="detail-content">
-      <!--<h2 class="title">详情页面</h2>-->
+      <h2 class="title" v-if="title">{{title}}</h2>
       <el-form :data="detail" label-width="110px" status-icon style="width:80%;margin:0 auto">
         <el-form-item v-for="(column,index) in showColumns" :key="index" :label="column.name">
           <div>{{detail[column.codeCamel]}}</div>
@@ -62,13 +62,20 @@
       userId: {
         type: null,
         required: true
+      },
+      /*
+      * 标题
+      * */
+      title: {
+        type: null,
+        required: true
       }
     },
     data() {
       return {
         list: null,
         detail: null,
-        showColumns: [] // 要显示的列数据
+        showColumns: [] // 要显示的列数据,
       }
     },
     computed: {

src/views/haomo/components/details/index.vue

@@ -2,7 +2,7 @@
   <div>
     <hm-complex-detail :schema="schema['HmUser']" :userId="userId">
     </hm-complex-detail>
-    <hm-complex-detail :schema="schema['HmUser']" :userId="userId" :columns="showUserColumns">
+    <hm-complex-detail :schema="schema['HmUser']" :userId="userId" :columns="showUserColumns" :title="title">
     </hm-complex-detail>
   </div>
 </template>
@@ -31,6 +31,7 @@
     created() {
       this.schema = schema
       this.userId = '0e26566e953449a7a7500c34be39fd26'
+      this.title = '详情页面'
     },
     methods: {}
   }