router切换标题会闪

[lenxuelenxue]

机型/系统/版本

小米/安卓/6.0
OPPO A5/安卓/8.1.0
Honor 9i/安卓/8.0.0

应用场景 应用版本信息

如: 在微信中打开
应用版本号: 7.0.5

代码

怎么引入的

main.js

Vue.use(require('vue-wechat-title'))

怎么使用的

router.js

const routes = [
 {
    path: '/goldMedalDoctor',
    name:'goldMedalDoctor',
    component: goldMedalDoctor,
    meta: {
      title: '金牌医生计划'
    }
  },
  {
    path: '/inviteRewardDetail',
    name:'inviteRewardDetail',
    component: inviteRewardDetail,
    meta: {
      title: '邀请奖励明细'
    }
]

App.vue

<router-view v-wechat-title="$route.meta.title"></router-view>
      <div v-wechat-title="$route.meta.title" img-set="/static/img/logo.png"></div>

是否使用websocket或者其他跨域请求

没有

与预期不符的情况

从金牌医生计划跳转到邀请奖励明细，再返回金牌医生计划时，页面标题会先出现然后消失，加载完页面后，页面标题又会出现一次，而oppo手机加载页面过程中标题位置会先出现页面路径，再出现页面标题

如果浏览器报错了 报什么错了?
没有报错

[lenxuelenxue]

而且页面刷新的时候，先出现页面路径url，再出现页面标题。

[deboyblog]

你页面模版本身需要有标题 这个插件的作用仅仅是在加载完成后去变更标题 但是网页初始化时是按照你的html内容读取的title信息

[lenxuelenxue]

页面本身没有设置标题

[deboyblog]

@lenxuelenxue 你先给网页设置一个默认标题 可以是产品名称 再对比结果

[lenxuelenxue]

设置了默认标题，从金牌医生计划跳转邀请奖励明细，再返回金牌医生计划，页面标题是这么变化的：金牌医生，然后是设置的默认标题，再然后是金牌医生。

[deboyblog]

你的意思是设置了默认标题后 插件传递的标题不生效了？

[lenxuelenxue]

生效啊，就是在返回时，会先显示插件传递的标题，再显示默认标题，再显示插件传递的标题，所以中间会闪一下

[deboyblog]

你可以在app初始化完成后 将html的titile设置为空