mpvue开发微信小程序修改头部标题颜色

修改标题

第一种方法：

通过 wx.setNavigationBarTitl 设置

mounted(){
    this.onLoad()
  },
  methods: {
    onLoad:function(options){
      wx.setNavigationBarTitle({
        title: '修改后的标题',
        success: function(res) {
        }
      })
    },
  },

第二种方法：

找到了这里，mpvue-loader@1.1.2-rc.4+ 升级指南，将原 src/main.js 中的 config 迁移到 app.json 文件中（页面 JS 中的配置迁移到 main.json 中），所以在目录下面新建一个main.json，写上配置：

navigationBarBackgroundColor 是顶部的背景颜色；

{
  enablePullDownRefresh: true,
  backgroundTextStyle: 'light',
  navigationBarBackgroundColor: '#fff',
  navigationBarTitleText: '修改后的标题',
  navigationBarTextStyle: 'black'
}

这里一定要升级mpvue-loader

npm install mpvue-loader@^1.1.2

重启服务搞定一切。