微信小程序實現動態設置頁面標題的方法【附源碼下載】

來源：懂視網責編：小采時間：2020-11-27 22:24:52

微信小程序實現動態設置頁面標題的方法【附源碼下載】

微信小程序實現動態設置頁面標題的方法【附源碼下載】:本文實例講述了微信小程序實現動態設置頁面標題的方法。分享給大家供大家參考，具體如下： 1、效果展示 2、關鍵代碼 ① WXML文件 <button bindtap=setBiaoTi1>標題1</button> <button bindtap=setBiaoTi

推薦度：

點擊下載本文 文檔為doc格式

導讀微信小程序實現動態設置頁面標題的方法【附源碼下載】:本文實例講述了微信小程序實現動態設置頁面標題的方法。分享給大家供大家參考，具體如下： 1、效果展示 2、關鍵代碼 ① WXML文件 <button bindtap=setBiaoTi1>標題1</button> <button bindtap=setBiaoTi

本文實例講述了微信小程序實現動態設置頁面標題的方法。分享給大家供大家參考，具體如下：

1、效果展示

2、關鍵代碼

① WXML文件

<button bindtap="setBiaoTi1">標題1</button>
<button bindtap="setBiaoTi2">標題2</button>
<button bindtap="setBiaoTi3">標題3</button>
<button bindtap="back">還原</button>

② 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文件