chore: 修改详情页的title

components/ArticleDetail.vue

@@ -26,6 +26,7 @@ export default {
     this.data = await this.$axios.get(`/api/cms/api/v1/article/${this.$route.params.id}/detail`).then(res => {
       return res.data
     })
+    this.$emit('loaded', this.data)
   },
   methods: {
     formatDate(value) {

pages/about/lesson/_id.vue

 <template>
-  <article-detail :tabs="tabs" @back="$router.push('/about/lesson')"></article-detail>
+  <article-detail :tabs="tabs" @back="$router.push('/about/lesson')" @loaded="onLoaded"></article-detail>
 </template>
 <script>
 import ArticleDetail from '@/components/ArticleDetail'
 import navList from '../navList.js'
 
 export default {
-  head: { title: '公开课-清控紫荆教育MBA官网' },
+  head() {
+    return { title: this.data.title }
+  },
   components: { ArticleDetail },
   data() {
     return {
+      data: {},
       tabs: navList
     }
+  },
+  methods: {
+    onLoaded(data) {
+      this.data = data
+    }
   }
 }
 </script>

pages/about/message/_id.vue

 <template>
-  <article-detail :tabs="tabs" @back="$router.push('/about/message')"></article-detail>
+  <article-detail :tabs="tabs" @back="$router.push('/about/message')" @loaded="onLoaded"></article-detail>
 </template>
 <script>
 import ArticleDetail from '@/components/ArticleDetail'
 import navList from '../navList.js'
 
 export default {
-  head: {
-    title: '校长寄语-清控紫荆教育MBA官网'
+  head() {
+    return { title: this.data.title }
   },
   components: { ArticleDetail },
   data() {
     return {
+      data: {},
       tabs: navList
     }
+  },
+  methods: {
+    onLoaded(data) {
+      this.data = data
+    }
   }
 }
 </script>

pages/alumni/outstanding/_id.vue

 <template>
-  <article-detail :tabs="tabs" @back="$router.push('/alumni/outstanding')"></article-detail>
+  <article-detail :tabs="tabs" @back="$router.push('/alumni/outstanding')" @loaded="onLoaded"></article-detail>
 </template>
 <script>
 import ArticleDetail from '@/components/ArticleDetail'
 
 export default {
-  head: {
-    title: '定期为紫荆教育校友带来专享福利',
-    meta: [{ hid: 'keywords', name: 'keywords', content: '紫荆教育校友福利' }]
+  head() {
+    return {
+      title: this.data.title,
+      meta: [{ hid: 'keywords', name: 'keywords', content: '紫荆教育校友福利' }]
+    }
   },
   components: { ArticleDetail },
   data() {
     return {
+      data: {},
       tabs: [
         { name: '校友故事', path: '/alumni/sharing' },
         { name: '校友福利', path: '/alumni/outstanding' }
       ]
     }
+  },
+  methods: {
+    onLoaded(data) {
+      this.data = data
+    }
   }
 }
 </script>

pages/alumni/sharing/_id.vue

 <template>
-  <article-detail :tabs="tabs" @back="$router.push('/alumni/sharing')"></article-detail>
+  <article-detail :tabs="tabs" @back="$router.push('/alumni/sharing')" @loaded="onLoaded"></article-detail>
 </template>
 <script>
 import ArticleDetail from '@/components/ArticleDetail'
 
 export default {
-  head: {
-    title: '分享紫荆教育6000+优秀校友的精彩故事',
-    meta: [{ hid: 'keywords', name: 'keywords', content: '紫荆教育校友故事' }]
+  head() {
+    return {
+      title: this.data.title,
+      meta: [{ hid: 'keywords', name: 'keywords', content: '紫荆教育校友故事' }]
+    }
   },
   components: { ArticleDetail },
   data() {
     return {
+      data: {},
       tabs: [
         { name: '校友故事', path: '/alumni/sharing' },
         { name: '校友福利', path: '/alumni/outstanding' }
       ]
     }
+  },
+  methods: {
+    onLoaded(data) {
+      this.data = data
+    }
   }
 }
 </script>

pages/apply/master/_id.vue

 <template>
-  <article-detail :tabs="tabs" @back="$router.push('/apply/master')"></article-detail>
+  <article-detail :tabs="tabs" @back="$router.push('/apply/master')" @loaded="onLoaded"></article-detail>
 </template>
 
 <script>
 import ArticleDetail from '@/components/ArticleDetail'
 
 export default {
-  head: {
-    title: '紫荆教育在职研申请攻略_在职研备考技巧_快速获得研究生学历',
-    meta: [
-      {
-        hid: 'keywords',
-        name: 'keywords',
-        content:
-          '在职研培训，在职研报名，免联考在职研，在职研学费，免联考在职研，在职研申请攻略_在职研备考技巧_快速获得硕士学历'
-      }
-    ]
+  head() {
+    return {
+      title: this.data.title,
+      meta: [
+        {
+          hid: 'keywords',
+          name: 'keywords',
+          content:
+            '在职研培训，在职研报名，免联考在职研，在职研学费，免联考在职研，在职研申请攻略_在职研备考技巧_快速获得硕士学历'
+        }
+      ]
+    }
   },
   components: { ArticleDetail },
   data() {
     return {
+      data: {},
       tabs: [
         { name: 'MBA申请攻略', path: '/apply/mba' },
         { name: '在职研申请攻略', path: '/apply/master' }
       ]
     }
+  },
+  methods: {
+    onLoaded(data) {
+      this.data = data
+    }
   }
 }
 </script>

pages/apply/mba/_id.vue

 <template>
-  <article-detail :tabs="tabs" @back="$router.push('/apply/mba')"></article-detail>
+  <article-detail :tabs="tabs" @back="$router.push('/apply/mba')" @loaded="onLoaded"></article-detail>
 </template>
 <script>
 import ArticleDetail from '@/components/ArticleDetail'
 
 export default {
-  head: {
-    title: '紫荆教育MBA申请攻略_MBA备考技巧_快速获得硕士学历'
+  head() {
+    return {
+      title: this.data.title
+    }
   },
   components: { ArticleDetail },
   data() {
     return {
+      data: {},
       tabs: [
         { name: 'MBA申请攻略', path: '/apply/mba' },
         { name: '在职研申请攻略', path: '/apply/master' }
       ]
     }
+  },
+  methods: {
+    onLoaded(data) {
+      this.data = data
+    }
   }
 }
 </script>

pages/news/hot/_id.vue

 <template>
-  <article-detail :tabs="tabs" @back="$router.push('/news/hot')"></article-detail>
+  <article-detail :tabs="tabs" @back="$router.push('/news/hot')" @loaded="onLoaded"></article-detail>
 </template>
 <script>
 import ArticleDetail from '@/components/ArticleDetail'
 export default {
-  head: { title: '热点新闻-清控紫荆教育MBA官网' },
+  head() {
+    return { title: this.data.title }
+  },
   components: { ArticleDetail },
   data() {
     return {
+      data: {},
       tabs: [
         { name: '热点新闻', path: '/news/hot' },
         { name: '教授采访', path: '/news/interview' }
       ]
     }
+  },
+  methods: {
+    onLoaded(data) {
+      this.data = data
+    }
   }
 }
 </script>

pages/news/interview/_id.vue

 <template>
-  <article-detail :tabs="tabs" @back="$router.push('/news/interview')"></article-detail>
+  <article-detail :tabs="tabs" @back="$router.push('/news/interview')" @loaded="onLoaded"></article-detail>
 </template>
 <script>
 import ArticleDetail from '@/components/ArticleDetail'
 export default {
-  head: { title: '教授采访-清控紫荆教育MBA官网' },
+  head() {
+    return { title: this.data.title }
+  },
   components: { ArticleDetail },
   data() {
     return {
+      data: {},
       tabs: [
         { name: '热点新闻', path: '/news/hot' },
         { name: '教授采访', path: '/news/interview' }
       ]
     }
+  },
+  methods: {
+    onLoaded(data) {
+      this.data = data
+    }
   }
 }
 </script>