源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

微信小程序实现动态设置页面标题的方法【附源码下载】

  • 时间:2020-03-10 18:00 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:微信小程序实现动态设置页面标题的方法【附源码下载】
本文实例讲述了微信小程序实现动态设置页面标题的方法。分享给大家供大家参考,具体如下: 1、效果展示 [img]http://files.jb51.net/file_images/article/201711/20171129153755018.gif?2017102915388[/img] 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',
  })
 },
 // 设置标题为:动态设置页面标题
 back:function(){
  wx.setNavigationBarTitle({
   title: '编程素材网 - 动态设置页面标题',
  })
 }
})

③ WXSS文件
button{
 margin-top:10px;
}

3、完整实例代码点击此处[url=http://xiazai.jb51.net/201711/yuanma/wx_settitle_codes(jb51.net).rar][b]本站下载[/b][/url]。 希望本文所述对大家微信小程序开发有所帮助。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部