云仓官网动态配置meta信息

package.json

@@ -64,6 +64,7 @@
     "vue-awesome-swiper": "^4.1.1",
     "vue-count-to": "1.0.13",
     "vue-cropper": "0.4.9",
+    "vue-meta-info": "^0.1.7",
     "vue-quill-editor": "^3.0.6",
     "vue-router": "3.0.2",
     "vue-splitpane": "1.0.4",

src/main.js

@@ -49,6 +49,10 @@ Vue.prototype.msgInfo = function (msg) {
   this.$message.info(msg);
 }
 
+// 动态修改meta
+import MetaInfo from 'vue-meta-info'
+Vue.use(MetaInfo)
+
 //引入拖拽排序插件
 import VueDND from 'awe-dnd'
 

src/views/entry/newyuncang.vue

@@ -267,8 +267,27 @@
 
   export default {
     name: "newyuncang",
+    metaInfo () {
+      return {
+        title: this.keyTitle,
+        meta: [
+          {
+            name: 'keywords',
+            content: this.keyWords
+          },
+          {
+            name: 'description',
+            content: this.keyDescriptions
+          }
+        ]
+      }
+    },
     data() {
       return {
+        // meta 信息
+        keyTitle: '',
+        keyWords: '',
+        keyDescriptions: '',
         // banner 图
         bannerList: [],
         // 核心优势
@@ -409,6 +428,9 @@
         indexInfo(data).then(res => {
           if (res.code == 1) {
             this.channel_id = res.data.channel_id
+            this.keyTitle = res.data.title;
+            this.keyWords = res.data.keywords;
+            this.keyDescriptions = res.data.describe;
             this.getWebSite()
             this.getDomain()
             this.getAllcloud()