本文編輯：  心城瀏覽 4978 1 版權所有，嚴禁轉載

接口說明:

這是對頁面的標題的一些基本的設置API

接口用法：

三種效果一起的效果圖
【圖片】

【代碼】

wxml

<!--index.wxml-->
<view class="container">
    <button bindtap="updadateTitle">設置標題</button>
    <button bindtap="showLoaddingTitle">顯示動態加載動畫</button>
    <button bindtap="hiddeLoaddingTitle">隱藏動態加載動畫</button>
</view>

js

Page({
  data:{
  },
  onLoad:function(options){

  },
  onReady:function(){
    // 生命周期函數--監聽頁面初次渲染完成
  },
  onShow:function(){
    // 生命周期函數--監聽頁面顯示
  },
  onHide:function(){
    // 生命周期函數--監聽頁面隱藏
  },
  onUnload:function(){
    // 生命周期函數--監聽頁面卸載
  },
  onPullDownRefresh: function() {
    // 頁面相關事件處理函數--監聽用戶下拉動作
  },
  onReachBottom: function() {
    // 頁面上拉觸底事件的處理函數
  },updadateTitle:function(){
  wx.setNavigationBarTitle({
      title: '我的標題',
      success:function(){
        console.info("成功");
      }
    })
  },
  showLoaddingTitle:function(){
    wx.showNavigationBarLoading();
  },
  hiddeLoaddingTitle:function(){
    wx.hideNavigationBarLoading();
  }
})

主要方法：

【wx.setNavigationBarTitle()】：【設置頁面的提交方法】

【方法內容描述】

調用代碼:

wx.setNavigationBarTitle({
  title: '當前頁面'
})

【wx.showNavigationBarLoading()】：【在當前頁面顯示導航條加載動畫】

調用代碼:

 wx.showNavigationBarLoading();

【wx.hideNavigationBarLoading()】：【隱藏導航條加載動畫】

調用代碼:

 wx.showNavigationBarLoading();