页面title显示问题

src/views/forest.vue

@@ -479,8 +479,19 @@
       eventdetailsdialog,
       firespread
     },
+    metaInfo () {
+      return {
+        title:this.title,
+        meta:[{
+          charset: "utf-8"
+        },
+          {
+            name: "viewport",
+            content: "width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
+          }]
+      }
+    },
     created() {
-
       /** ----------------------------------底部按钮公用组件开始------------------------------------- */
       window.showDialog = this.showDialog
       window.choseLayerSwitching = this.choseLayerSwitching
@@ -503,12 +514,16 @@
         this.getMenuEventType()
       }, 2000)
       this.bottomMenuList() //获取底部公共组件消息和任务
+      setTimeout(() => {
+        this.title = '四平市态势感知平台'
+      }, 1000)
       /** ----------------------------------weosocket开始------------------------------------- */
       // this.initWebSocket()
       /** ----------------------------------weosocket结束------------------------------------- */
     },
     data() {
       return {
+        title:"",
         //警报MP3文件
         audioSrc: require('@/assets/jingbao.mp3'),