⼩程序实现动态设置页⾯标题的⽅法【附源码下载】本⽂实例讲述了⼩程序实现动态设置页⾯标题的⽅法。分享给⼤家供⼤家参考，具体如下：
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',
})
},
// 设置标题为：动态设置页⾯标题
back:function(){
wx.setNavigationBarTitle({
title: ' - 动态设置页⾯标题',
})
}
})
③ WXSS⽂件
button{
margin-top:10px;
}
3、完整实例代码点击此处。
希望本⽂所述对⼤家⼩程序开发有所帮助。