这篇文章将为大家详细讲解有关微信小程序如何实现动态设置页面,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
具体如下:
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;
}
关于“微信小程序如何实现动态设置页面”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。