微信小程序實現(xiàn)動態(tài)設置頁面標題的方法【附源碼下載】

更新時間：2017年11月29日 15:23:09 作者：FutrueJet

這篇文章主要介紹了微信小程序實現(xiàn)動態(tài)設置頁面標題的方法,涉及微信小程序button組件事件綁定及頁面元素屬性動態(tài)設置相關實現(xiàn)技巧,并附帶完整源碼供讀者下載參考,需要的朋友可以參考下

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

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',
  })
 },
 // 設置標題為：動態(tài)設置頁面標題
 back:function(){
  wx.setNavigationBarTitle({
   title: '腳本之家 - 動態(tài)設置頁面標題',
  })
 }
})

③ WXSS文件

button{
 margin-top:10px;
}

3、完整實例代碼點擊此處本站下載。

希望本文所述對大家微信小程序開發(fā)有所幫助。

您可能感興趣的文章:

JavaScript 拖拽實例代碼
這篇文章主要介紹了JavaScript 拖拽實例代碼的相關資料,需要的朋友可以參考下
2016-09-09
含有CKEditor的表單如何提交
如何提交含有CKEditor的表單，其實很簡單的在提交事件中加入這一句即可解決問題
2014-01-01
基于JS正則表達式實現(xiàn)模板數(shù)據(jù)動態(tài)渲染(實現(xiàn)思路詳解)
這篇文章主要介紹了基于JS正則表達式實現(xiàn)模板數(shù)據(jù)動態(tài)渲染 ,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2020-03-03
關于B/S判斷瀏覽器斷開的問題討論
前臺頁面五分鐘，自己刷新一次，所以最多只有五分鐘的差錯。
2008-10-10
JS測試顯示屏分辨率以及屏幕尺寸的方法
如何用JS特效顯示自己的屏幕分辨率以及屏幕尺寸呢，你會嗎？如果不會，那么下面有個不錯的方法，大家可以參考下
2013-11-11
ie9 提示''console'' 未定義問題的解決方法
關掉開發(fā)者工具之后，在狀態(tài)欄發(fā)現(xiàn)提示'console' 未定義,為什么之前的運行沒有問題，之后的就不行呢
2014-03-03
不同瀏覽器對回車提交表單的處理辦法
在瀏覽器中填寫表單的時，可以直接在“文本框”中敲擊“Enter”來提交表單，很是方便。
2010-02-02
echarts如何實現(xiàn)動態(tài)曲線圖(多條曲線)
這篇文章主要介紹了echarts如何實現(xiàn)動態(tài)曲線圖(多條曲線)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-07-07
淺談JavaScript中this的指向更改
這篇文章主要介紹了淺談JavaScript中this的指向更改，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-07-07
ES6中module模塊化開發(fā)實例淺析
這篇文章主要介紹了ES6中module模塊化開發(fā),結合實例形式分析了ES6中模塊化開發(fā)的相關功能、使用方法與相關注意事項,需要的朋友可以參考下
2017-04-04