微信小程序實現動態(tài)設置頁面標題的方法【附源碼下載】
更新時間：2017年11月29日 15:23:09 作者：FutrueJet
這篇文章主要介紹了微信小程序實現動態(tài)設置頁面標題的方法,涉及微信小程序button組件事件綁定及頁面元素屬性動態(tài)設置相關實現技巧,并附帶完整源碼供讀者下載參考,需要的朋友可以參考下
本文實例講述了微信小程序實現動態(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 拖拽實例代碼的相關資料,需要的朋友可以參考下2016-09-09
如何提交含有CKEditor的表單，其實很簡單的在提交事件中加入這一句即可解決問題2014-01-01
基于JS正則表達式實現模板數據動態(tài)渲染(實現思路詳解)
這篇文章主要介紹了基于JS正則表達式實現模板數據動態(tài)渲染 ,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-03-03
前臺頁面五分鐘，自己刷新一次，所以最多只有五分鐘的差錯。2008-10-10
如何用JS特效顯示自己的屏幕分辨率以及屏幕尺寸呢，你會嗎？如果不會，那么下面有個不錯的方法，大家可以參考下2013-11-11
關掉開發(fā)者工具之后，在狀態(tài)欄發(fā)現提示'console' 未定義,為什么之前的運行沒有問題，之后的就不行呢2014-03-03
在瀏覽器中填寫表單的時，可以直接在“文本框”中敲擊“Enter”來提交表單，很是方便。2010-02-02
這篇文章主要介紹了echarts如何實現動態(tài)曲線圖(多條曲線)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-07-07
這篇文章主要介紹了淺談JavaScript中this的指向更改，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-07-07
這篇文章主要介紹了ES6中module模塊化開發(fā),結合實例形式分析了ES6中模塊化開發(fā)的相關功能、使用方法與相關注意事項,需要的朋友可以參考下2017-04-04