快捷導(dǎo)航

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

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

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

本文實(shí)例講述了微信小程序?qū)崿F(xiàn)動(dòng)態(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)題為：動(dòng)態(tài)設(shè)置頁面標(biāo)題
 back:function(){
  wx.setNavigationBarTitle({
   title: '腳本之家 - 動(dòng)態(tài)設(shè)置頁面標(biāo)題',
  })
 }
})

③ WXSS文件

button{
 margin-top:10px;
}

3、完整實(shí)例代碼點(diǎn)擊此處本站下載。

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

您可能感興趣的文章:

相關(guān)文章

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