app内嵌h5页面,iOS 无法动态修改title

在ios下app 设置document.title = “titleName” 失效,原因是在IOS webview中网页标题只加载一次,动态改变是无效的

vue中 npm install vue-wechat-title 组件

在路由配置中添加 meta对象 如:

 
    {
      path: commPath + 'hotProduct/cardResult',
      name: 'hotProductCardResult',
      meta: {
        title: '支付结果'
      },
      component: resolve =>
        require(['@/views/hotProduct/cardResult'], resolve)
    },
    {
      path: commPath + 'consum/consumDetail',
      name: 'consumDetail',
      meta: {
        title: '消费详情'
      },
      component: resolve =>
        require(['@/views/consum/consumDetail'], resolve)
    },

app内嵌h5页面,iOS 无法动态修改title_第1张图片

在static 文件下创建html文件夹新建一个空的html

app内嵌h5页面,iOS 无法动态修改title_第2张图片

// main.js

import VueWechatTitle from 'vue-wechat-title'
Vue.use(VueWechatTitle)


// App.vue
 

你可能感兴趣的:(技术)