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


Posted in Javascript onNovember 29, 2017

本文实例讲述了微信小程序实现动态设置页面标题的方法。分享给大家供大家参考,具体如下:

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 操作文件 实现方法小结
Jul 02 Javascript
测试你的JS的掌握程度的代码
Dec 09 Javascript
IE6下CSS图片缓存问题解决方法
Dec 09 Javascript
Javascript alert消息换行的方法
Aug 07 Javascript
JS函数this的用法实例分析
Feb 05 Javascript
ES6中class类用法实例浅析
Apr 06 Javascript
深入理解Commonjs规范及Node模块实现
May 17 Javascript
bootstrap paginator分页插件的两种使用方式实例详解
Nov 14 Javascript
node中IO以及定时器优先级详解
May 10 Javascript
vue-element-admin 菜单标签失效的解决方式
Nov 12 Javascript
js 将多个对象合并成一个对象 assign方法的实现
Sep 24 Javascript
vue+swiper实现左右滑动的测试题功能
Oct 30 Javascript
微信小程序使用modal组件弹出对话框功能示例
Nov 29 #Javascript
详解angularjs实现echart图表效果最简洁教程
Nov 29 #Javascript
JS组件系列之Gojs组件 前端图形化插件之利器
Nov 29 #Javascript
Angular2管道Pipe及自定义管道格式数据用法实例分析
Nov 29 #Javascript
node.js支持多用户web终端实现及安全方案
Nov 29 #Javascript
Angular4的输入属性与输出属性实例详解
Nov 29 #Javascript
node.js中axios使用心得总结
Nov 29 #Javascript
You might like
php 操作符与控制结构
2012/03/07 PHP
PHP关联数组的10个操作技巧
2013/01/21 PHP
php数组声明、遍历、数组全局变量使用小结
2013/06/05 PHP
跟我学Laravel之请求(Request)的生命周期
2014/10/15 PHP
[原创]php正则删除img标签的方法示例
2017/05/27 PHP
laravel 自定义常量的两种方案
2019/10/14 PHP
TP5框架model常见操作示例小结【增删改查、聚合、时间戳、软删除等】
2020/04/05 PHP
一文看懂PHP进程管理器php-fpm
2020/06/01 PHP
discuz论坛更换域名,详细文件修改步骤
2020/12/09 PHP
IE8下关于querySelectorAll()的问题
2010/05/13 Javascript
php 中序列化和json使用介绍
2013/07/08 Javascript
js替代copy(示例代码)
2013/11/27 Javascript
基于jQuery插件实现环形图标菜单旋转切换特效
2015/05/15 Javascript
js表单中选择框值的获取及表单的序列化
2015/12/17 Javascript
React复制到剪贴板的示例代码
2017/08/22 Javascript
JS中promise化微信小程序api
2018/04/12 Javascript
Express之托管静态文件的方法
2018/06/01 Javascript
浅谈Vue.js之初始化el以及数据的绑定说明
2019/11/14 Javascript
原生javascript中this几种常见用法总结
2020/02/24 Javascript
vue v-on:click传递动态参数的步骤
2020/09/11 Javascript
在Python程序中操作文件之flush()方法的使用教程
2015/05/24 Python
Python中datetime模块参考手册
2017/01/13 Python
Python实现多线程抓取网页功能实例详解
2017/06/08 Python
在Python中调用Ping命令,批量IP的方法
2019/01/26 Python
python中时间模块的基本使用教程
2019/05/14 Python
python中zip()函数遍历多个列表方法
2021/02/18 Python
欧舒丹比利时官网:L’OCCITANE比利时
2017/04/25 全球购物
餐饮部总监岗位职责范文
2014/02/13 职场文书
项目建议书模板
2014/05/12 职场文书
报考公务员诚信承诺书
2014/08/29 职场文书
群众路线教育实践活动学习笔记内容
2014/11/06 职场文书
钱学森观后感
2015/06/04 职场文书
寻找最美乡村教师观后感
2015/06/18 职场文书
同意落户证明
2015/06/19 职场文书
小学五年级班主任工作经验交流材料
2015/11/02 职场文书
在MySQL中你成功的避开了所有索引
2022/04/20 MySQL