微信小程序?qū)崿F(xiàn)動態(tài)設(shè)置頁面標(biāo)題的方法【附源碼下載】

2020-03-21 16:00:34

字體：大中小

供稿：網(wǎng)友

本文實例講述了微信小程序實現(xiàn)動態(tài)設(shè)置頁面標(biāo)題的方法。分享給大家供大家參考，具體如下：

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)題為：動態(tài)設(shè)置頁面標(biāo)題 back:function(){  wx.setNavigationBarTitle({   title: 'VEVB武林網(wǎng) - 動態(tài)設(shè)置頁面標(biāo)題',  }) }})

③ WXSS文件