微信小程序实现动态设置页面标题的方法【附源码下载】
- 更新时间：2023-01-10 09:24:39
- 编辑：古华灿
本文实例讲述了微信小程序实现动态设置页面标题的方法。分享给大家供大家参考，具体如下：
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、完整实例代码点击此处本站下载。
希望本文所述对大家微信小程序开发有所帮助。
相关教程
-
javascript数值强制转换方法总结
本篇文章给大家带来的内容是关于javascript中的数值如何进行强制转换？（方法总结），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
发布时间：2018-09-21
-
JavaScript实现飘落星星特效的代码详解
这篇文章主要为大家详细介绍了基于JavaScript实现飘落星星特效，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
发布时间：2019-09-23
-
javascript的写法总结
下面小编就为大家带来一篇javascript的几种写法总结。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
发布时间：2019-11-28
-
详解JavaScript数据结构与算法之栈与队列
在面向对象的程序设计里,一般都提供了实现队列(queue)和堆栈(stack)的方法,而对于JS来说,我们可以实现数组的相关操作,来实现队列和堆栈的功能,看下面的相关介绍.
发布时间：2020-01-27
-
javascript运算符中关于位运算符知识点总结
下面小编就为大家带来一篇javascript运算符——位运算符全面介绍。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
发布时间：2021-05-08
-
JavaScript图片处理与合成详解
这篇文章主要介绍了JavaScript图片处理与合成的相关知识点以及相关实例代码分析，有兴趣的朋友学习下。
发布时间：2020-03-09
-
Javascript实现的机器学习类库的原理
本文介绍了前端Javascript实现的机器学习类库，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
发布时间：2019-09-25
-
总结javascript replace高级用法
这篇文章主要介绍了详解javascript replace高级用法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
发布时间：2020-01-09
-
javascript 中的try catch应用实例详解
这篇文章主要介绍了javascript 中的try catch应用总结的相关资料,需要的朋友可以参考下
发布时间：2020-02-14
