页面标题

zhiyangdu
1 parent 71da5d1c
Showing 2 changed files with 29 additions and 2 deletions
src/pages/goodDetails/goodDetails.vue
src/pages/morePoints/morePoints.vue
@@ -186,6 +186,7 @@ export default {
   name: 'goodDetails',
   data () {
     return {
+      title: "", // 标题
       banner: null,
       goodsInfo: null,
       backs: null, // 后退按钮组
@@ -207,7 +208,22 @@ export default {
   props: [
   ],
   //对象内部的属性监听，也叫深度监听
-  watch: {
+  head: {
+    title () {
+      return {
+        inner: this.title
+      }
+    }
+  },
+   watch: {
+    // 设置页面标题
+    title (newVal) {
+      if (this.$store.state.browser.toLowerCase() == "qq" && this.$store.state.deviceType.toLowerCase() == "iphone") {
+        this.$iFrame.insertIFrame(newVal);
+      } else {
+        this.$emit("updateHead");
+      }
+    }
   },
   //属性的结果会被缓存，除非依赖的响应式属性变化才会重新计算。主要当作属性来使用；
   computed: {
@@ -43,6 +43,7 @@ export default {
   name: 'morePoints',
   data () {
     return {
+      title: "",              // 标题
       backs: null, // 后退按钮组
       loading: true,
       distance: 50,
@@ -68,6 +69,16 @@ export default {
       }
     }
   },
+   watch: {
+    // 设置页面标题
+    title (newVal) {
+      if (this.$store.state.browser.toLowerCase() == "qq" && this.$store.state.deviceType.toLowerCase() == "iphone") {
+        this.$iFrame.insertIFrame(newVal);
+      } else {
+        this.$emit("updateHead");
+      }
+    }
+  },
   //属性的结果会被缓存，除非依赖的响应式属性变化才会重新计算。主要当作属性来使用；
   computed: {
   },
@@ -122,7 +133,7 @@ export default {
         // 解构数据
         let { data: datas } = res;
         /*设置标题 */
-        //  this.$set(this, "title", datas.title);
+        this.$set(this, "title", datas.title);
         this.$set(this.backs, 'title', datas.title);
         /* 获取商品数据 开始 */
         if (datas.goods && datas.goods.length) {