uniapp设置title

uniapp设置页面标题的方法

在uniapp中设置页面标题可以通过多种方式实现，具体取决于项目类型和需求。

配置pages.json 在pages.json中为每个页面单独配置导航栏标题：

{
  "pages": [
    {
      "path": "pages/index/index",
      "style": {
        "navigationBarTitleText": "首页"
      }
    }
  ]
}

动态修改标题 在页面逻辑中通过uni.setNavigationBarTitle动态修改：

uni.setNavigationBarTitle({
  title: '新标题'
})

条件编译处理不同平台 针对不同平台使用条件编译：

// #ifdef H5
document.title = 'H5专属标题'
// #endif
// #ifdef MP-WEIXIN
wx.setNavigationBarTitle({
  title: '微信小程序标题'
})
// #endif

全局标题设置 在App.vue中设置全局默认标题：

export default {
  onLaunch: function() {
    uni.setNavigationBarTitle({
      title: '默认标题'
    })
  }
}

注意事项

• 动态设置需在页面onReady后执行
• 部分平台可能需要特殊权限
• H5端修改document.title可能不会立即生效