微信小程序實現(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ā)有所幫助。

您可能感興趣的文章:

12個非常有創(chuàng)意的JavaScript小游戲
JavaScript 在Web開發(fā)過程中已經(jīng)是必不可少的重要分子，他推動著Web的交互性往越來越高的層次發(fā)展，現(xiàn)在的很多Web游戲也基于這類語言開發(fā)。
2010-03-03
JavaScript對象解構的用法實例解析
解構賦值允許你使用類似數(shù)組或對象字面量的語法將數(shù)組和對象的屬性賦給各種變量,下面這篇文章主要給大家介紹了關于JavaScript對象解構用法的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
2022-01-01
使用window.postMessage()方法在兩個網(wǎng)頁間傳遞數(shù)據(jù)
這篇文章介紹了使用window.postMessage()在兩個網(wǎng)頁間傳遞數(shù)據(jù)的方法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2022-06-06
js+css實現(xiàn)增加表單可用性之提示文字
平常設計表單的時候，我們會加入一些提示文字，最常見的做法是利用value來設置，下面與大家分享一個實例，感興趣的朋友可以參考下哈
2013-06-06
淺談關于JavaScript的語言特性分析
本篇文章小編為大家介紹，淺談關于JavaScript的語言特性分析，有需要的朋友可以參考一下
2013-04-04
如何給ss bash 寫一個 WEB 端查看流量的頁面
由于剛畢業(yè)的窮大學生，和朋友合租了一臺服務器開了多個端口提供 ss 服務，懶得配置 ss-panel，就使用了 ss-bash 來監(jiān)控不同端口的流量，但每次都要等上服務器才能看到流量使用情況，很麻煩，于是就寫了個簡單的頁面來提供 WEB 訪問，具體內容一起通過本文學習吧
2017-03-03
百度地圖api如何使用
如果想用百度地圖api，首先需要先獲取一個百度地圖api的密鑰，然后引入百度地圖的api，這篇文章就講下百度地圖api如何使用的相關資料，需要的朋友可以參考下
2015-08-08
JS實現(xiàn)數(shù)組的增刪改查操作示例
這篇文章主要介紹了JS實現(xiàn)數(shù)組的增刪改查操作,結合實例形式分析了javascript針對數(shù)組的追加、獲取、刪除、添加、修改等常見操作技巧與相關注意事項,需要的朋友可以參考下
2018-08-08
Webpack簡單實現(xiàn)兩個自定義插件詳解
這篇文章主要為大家詳細介紹了Webpack簡單實現(xiàn)兩個自定義插件的相關知識,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下
2024-04-04
js獲取時間并實現(xiàn)字符串和時間戳之間的轉換
這篇文章主要介紹了js獲取時間并實現(xiàn)字符串和時間戳之間的轉換,需要的朋友可以參考下
2015-01-01