1、效果展示

2、關鍵程式碼

1）WXML檔案

標題1
標題2
標題3
還原

2）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: '動態設定頁面標題',
    })
  }
})
 

3）WXSS檔案

button{
  margin-top:10px;  
}

3、原始碼獲取

百度雲連結：http://pan.baidu.com/s/1mhAlJb6

4、在動態設定頁面標題的過程中有遇到任何問題或者不明白的地方，歡迎新增我的微信進行諮詢，感謝支援！微信號：FutureJet

5、覺得不錯請打賞，您的十分滿意是筆者的無限動力