笔记--uniapp h5 每个title单独显示

uniapp h5 每个title单独显示

1. pages.json文件写

{
    "path": "pages/user/tel",
    "style": {
        "navigationBarTitleText": "电话管理"
    }
},

2. 再main.js文件写入下列代码

Vue.mixin({
  onShow() {
    let { title } = this  //在固定标题的页面data中设置title
    if (this.$mp.query) { //整个app的onShow也会触发，这时$mp中没有query属性
      let setTitle = this.$mp.query.title || title //在进入页面的query中没有title属性时会取data中的title
      if (setTitle) {
        uni.setNavigationBarTitle({ //uni-app 的修改title接口
          title: setTitle
        })
        //以下为H5平台差异写法
        // #ifdef H5
        document.title = setTitle
        // #endif
      }
    }
  }
})