这篇文章将为大家详细讲解有关微信小程序怎样实现动态设置页面标题，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

网站设计、成都网站建设的开发，更需要了解用户，从用户角度来建设网站，获得较好的用户体验。创新互联多年互联网经验，见的多，沟通容易、能帮助客户提出的运营建议。作为成都一家网络公司，打造的就是网站建设产品直销的概念。选择创新互联，不只是建站，我们把建站作为产品，不断的更新、完善，让每位来访用户感受到浩方产品的价值服务。

微信小程序实现动态设置页面标题的方法，具体如下：

1、效果展示

2、关键代码

① WXML文件

标题1
标题2
标题3
还原

② JS文件

Page({
 // 设置标题为：标题1
 setBiaoTi1:function(){
  wx.setNavigationBarTitle({
   title: '标题1',
  })
 },
 // 设置标题为：标题2
 setBiaoTi2: function () {
  wx.setNavigationBarTitle({
   title: '标题2',
  })
 },
 // 设置标题为：标题3
 setBiaoTi3: function () {
  wx.setNavigationBarTitle({
   title: '标题3',
  })
 },
 // 设置标题为：动态设置页面标题
 back:function(){
  wx.setNavigationBarTitle({
   title: '脚本之家 - 动态设置页面标题',
  })
 }
})

③ WXSS文件

button{
 margin-top:10px;
}

关于“微信小程序怎样实现动态设置页面标题”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。

名称栏目：微信小程序怎样实现动态设置页面标题
本文来源：http://myzitong.com/article/jihici.html