app中修改title标题

最新推荐文章于 2022-04-14 10:48:35 发布

Dlow-

最新推荐文章于 2022-04-14 10:48:35 发布

阅读量1.5k

点赞数

文章标签： vue.js javascript html5 android ios

本文链接：https://blog.csdn.net/qq_24992475/article/details/110092622

版权

本文记录了在移动端app中修改title标题的过程，遇到的问题及解决方案。通过在Vue.js的router路由表设置meta属性，结合原生的pageTitleChanged事件，解决标题无法修改或返回时标题错误的问题。

摘要由CSDN通过智能技术生成

移动端app修改title标题，记录

当需要修改移动端的标题的时候，如下图
在这里插入图片描述
首先在router路由表里添加meta属性，同时设置title为空，这里需要注意，如果title不为空，标题是改不过来的，不知道什么原因，也是公司的大佬教我的。
（这个虽然能改，但是在用的时候可能有些问题。我的问题是第一次进的时候title是空的，另外返回的时候，会把上个页面的标题带过来，把原有的标题覆盖。后来我又在原有的基础上调用了原生那边的pageTitleChanged事件，使用的时候可以看情况，如果有问题，再去请教端那边！）
代码如下

{
    name: 'parityMedicine',
    path: '/parityMedicine',
    meta: {
      title: ''
    },
    component: parityMedicine
  },
  {
    name: 'templateSix',
    path: '/templateSix',
    meta: {
      title: ''
    },
    component: templateSix
  },

图片如下