微信小程序如何實(shí)現(xiàn)動(dòng)態(tài)設(shè)置頁面標(biāo)題

這篇文章將為大家詳細(xì)講解有關(guān)微信小程序如何實(shí)現(xiàn)動(dòng)態(tài)設(shè)置頁面標(biāo)題，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

具體如下：

1、效果展示

2、關(guān)鍵代碼

① WXML文件

<button bindtap="setBiaoTi1">標(biāo)題1</button>
<button bindtap="setBiaoTi2">標(biāo)題2</button>
<button bindtap="setBiaoTi3">標(biāo)題3</button>
<button bindtap="back">還原</button>

② JS文件

Page({
 // 設(shè)置標(biāo)題為：標(biāo)題1
 setBiaoTi1:function(){
  wx.setNavigationBarTitle({
   title: '標(biāo)題1',
  })
 },
 // 設(shè)置標(biāo)題為：標(biāo)題2
 setBiaoTi2: function () {
  wx.setNavigationBarTitle({
   title: '標(biāo)題2',
  })
 },
 // 設(shè)置標(biāo)題為：標(biāo)題3
 setBiaoTi3: function () {
  wx.setNavigationBarTitle({
   title: '標(biāo)題3',
  })
 },
 // 設(shè)置標(biāo)題為：動(dòng)態(tài)設(shè)置頁面標(biāo)題
 back:function(){
  wx.setNavigationBarTitle({
   title: '億速云 - 動(dòng)態(tài)設(shè)置頁面標(biāo)題',
  })
 }
})

③ WXSS文件

button{
 margin-top:10px;
}

關(guān)于“微信小程序如何實(shí)現(xiàn)動(dòng)態(tài)設(shè)置頁面標(biāo)題”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，請把它分享出去讓更多的人看到。