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


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 相关文章推荐
jquery连缀语法如何实现
Nov 29 Javascript
jQuery实现密保互斥问题解决方案
Aug 16 Javascript
使用js实现按钮控制文本框加1减1应用于小时+分钟
Dec 09 Javascript
jquery form表单序列化为对象的示例代码
Mar 05 Javascript
纯js实现div内图片自适应大小(已测试,兼容火狐)
Jun 16 Javascript
jQuery代码实现对话框右上角菜单带关闭×
May 03 Javascript
JavaScript toUpperCase()方法使用详解
Aug 26 Javascript
用JS编写一个函数,返回数组中重复出现过的元素(实例)
Sep 14 Javascript
angularjs通过过滤器返回超链接的方法
Oct 26 Javascript
Vue-CLI3.x 设置反向代理的方法
Dec 06 Javascript
浅谈小程序globalData的那些事儿
Nov 01 Javascript
TypeScript高级用法的知识点汇总
Dec 17 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 file_put_contents()功能函数(集成了fopen、fwrite、fclose)
2011/05/24 PHP
php语言的7种基本的排序方法
2020/12/28 PHP
IE6 弹出Iframe层中的文本框“经常”无法获得输入焦点
2009/12/27 Javascript
js 中 document.createEvent的用法
2010/08/29 Javascript
jquery内置验证(validate)使用方法示例(表单验证)
2013/12/04 Javascript
Javascript毫秒数用法实例
2015/02/05 Javascript
javascript中createElement的两种创建方式
2015/05/14 Javascript
JavaScript操作HTML元素和样式的方法详解
2015/10/21 Javascript
jQuery实现的无缝广告图片左右滚动功能详解
2016/12/24 Javascript
Angular.js自定义指令学习笔记实例
2017/02/24 Javascript
ES6新特性之数组、Math和扩展操作符用法示例
2017/04/01 Javascript
javascript 数据存储的常用函数总结
2017/06/01 Javascript
AngularJS service之select下拉菜单效果
2017/07/28 Javascript
详解react服务端渲染(同构)的方法
2017/09/21 Javascript
详解Vue 事件修饰符capture 的使用
2017/12/29 Javascript
微信小程序scroll-view组件实现滚动动画
2018/01/31 Javascript
详解vue2.0+axios+mock+axios-mock+adapter实现登陆
2018/07/19 Javascript
js实现ATM机存取款功能
2020/10/27 Javascript
使用TS来编写express服务器的方法步骤
2020/10/29 Javascript
Python函数中*args和**kwargs来传递变长参数的用法
2016/01/26 Python
python 遍历目录(包括子目录)下所有文件的实例
2018/07/11 Python
Python使用爬虫抓取美女图片并保存到本地的方法【测试可用】
2018/08/30 Python
python队列原理及实现方法示例
2019/11/27 Python
python 实现简单的FTP程序
2019/12/27 Python
python GUI库图形界面开发之PyQt5信号与槽事件处理机制详细介绍与实例解析
2020/03/08 Python
keras读取训练好的模型参数并把参数赋值给其它模型详解
2020/06/15 Python
解决Python安装cryptography报错问题
2020/09/03 Python
Kipling凯浦林美国官网:世界著名时尚休闲包袋品牌
2016/08/24 全球购物
法国票务网站:Ticketmaster法国
2018/07/09 全球购物
Kiehl’s科颜氏西班牙官方网站:源自美国的植物护肤品牌
2020/02/22 全球购物
介绍一下Java的安全机制
2012/06/28 面试题
工厂搬迁方案
2014/05/11 职场文书
建筑工地大门标语
2014/06/18 职场文书
大学生创业事迹材料
2014/12/30 职场文书
装饰施工员岗位职责
2015/04/11 职场文书
李清照的诗词赏析(20首)
2019/08/22 职场文书