如何让uni-app开发的H5页面顶部原生标题和小程序的顶部标题不一致?

简介: 如何让uni-app开发的H5页面顶部原生标题和小程序的顶部标题不一致?


如何让标题1和标题2不一样?

修改根目录下的App.vue(核心代码如下)

<script>
  export default {
    onLaunch() {
      // 监听各种跳转----------------------------------------
      ['navigateTo', 'redirectTo', 'reLaunch', 'switchTab', 'navigateBack', ].forEach(v => {
        uni.addInterceptor(v, {
          success: e => this.watchRouter(e),
        })
      });
      this.watchRouter();//首次路由跳转
    }, 
    methods: {
      watchRouter(d) {
        this.$nextTick(() => {
          document.title = `修改小程序顶部标题`;//修改小程序顶部标题
        });
      }, 
    },
  }
</script> 


相关文章
|
2天前
|
移动开发 监控 供应链
JAVA智慧工厂制造生产管理MES系统,全套源码,多端展示(app、小程序、H5、台后管理端)
一开始接触MES系统,很多人会和博主一样,对MES细节的应用不了解,这样很正常,因为MES系统相对于其他系统来讲应用比较多!
14 1
JAVA智慧工厂制造生产管理MES系统,全套源码,多端展示(app、小程序、H5、台后管理端)
|
3天前
|
JavaScript 前端开发 小程序
uni-app subNVue 原生子窗体开发指南
uni-app subNVue 原生子窗体开发指南
|
4天前
|
小程序 应用服务中间件 Linux
【Nginx】微信小程序后端开发、一个域名访问多个服务
【Nginx】微信小程序后端开发、一个域名访问多个服务
16 0
|
4天前
|
小程序
开发小程序只要几百块?
开发小程序只要几百块?
587 0
|
4天前
|
Web App开发 数据采集 移动开发
开发uniapp过程中对app、微信小程序与h5的webview调试
开发uniapp过程中对app、微信小程序与h5的webview调试
13 1
|
4天前
|
前端开发 Android开发 开发者
【Flutter前端技术开发专栏】Flutter中的混合应用(Hybrid Apps)开发
【4月更文挑战第30天】本文探讨了使用Flutter开发混合应用的方法。混合应用结合Web技术和原生容器,提供快速开发和低成本维护。Flutter,一款现代前端框架,以其插件系统和高性能渲染引擎支持混合应用开发。通过创建Flutter项目、添加平台代码、使用WebView、处理平台间通信以及发布应用,开发者可构建跨平台混合应用。虽然混合应用有性能和用户体验的局限,但Flutter的跨平台兼容性和丰富的插件生态降低了开发成本。开发者应根据项目需求权衡选择。
【Flutter前端技术开发专栏】Flutter中的混合应用(Hybrid Apps)开发
|
4天前
|
小程序 前端开发 JavaScript
轻松学会微信小程序开发(一)
轻松学会微信小程序开发(一)
|
4天前
|
JSON 小程序 JavaScript
微信小程序开发1
微信小程序开发1
|
移动开发 小程序 JavaScript
H5跳转App、跳转小程序
H5跳转App、跳转小程序
1155 0
H5跳转App、跳转小程序
|
4天前
|
API 数据安全/隐私保护 iOS开发
利用uni-app 开发的iOS app 发布到App Store全流程
利用uni-app 开发的iOS app 发布到App Store全流程
114 3

热门文章

最新文章

http://www.vxiaotou.com