微信小程序中的动态设置导航条
2017-04-08 15:22
225 查看
微信小程序中动态设置导航条
我们知道微信小程序中设置导航条可以直接在json文件中设置 "navigationBarTitleText" = "String" 就可以了但是我们有时可能需要根据不同的情况动态设置导航条。
微信小程序给我们提供了一个方法
setNavigationBarTitle({ title: "string", success: funciton(res){ ... } })
注意这个setNavigationBarTitle方法一定要写在onReady方法中,因为这是页面才完全渲染完成。通常在onLoad中我们是不能对UI进行操作的。
setNavigationBarTitle方法中的title如果我们像这样设置静态字符串的话是起不到动态设置导航条的作用 的。
我们可以从onLoad中获取到一个动态变量,那如何将这个变量从onLoad中传递给onReady方法呢?
我们可以在onLoad中通过this.setData({key: value})将这个变量传递给data,在onReady中再通过this.data.key获得这个变量。
相关文章推荐
- 微信小程序实现动态设置页面标题的方法【附源码下载】
- 微信小程序在本js中,设置全局变量,动态获取json
- 微信小程序例子——动态设置页面标题
- 微信小程序 动态的设置图片的高度和宽度详解及实例代码
- 微信小程序图片等比例缩放 动态的获取图片的高度和宽度 动态的设置图片的高度和宽度
- 微信小程序 input输入及动态设置按钮的实现
- 微信小程序实现动态设置placeholder提示文字及按钮选中/取消状态的方法
- 微信小程序 动态设置placeholder和按钮选中取消状态
- 微信小程序 setData动态设置数组中的数据
- 微信小程序 --动态设置标题栏的文字
- 开箱子--程序布局、动态设置背景图片、退出整个程序
- ASP.NET程序中动态修改web.config中的设置项目(后台CS代码)
- Android程序中代码动态设置Textview文字的大小解决px转dp的问题
- MFC小程序003------MFC使用WebBrowser组件,在对话框中创建滚动视图,动态创建一个静态文本控件并设置鼠标单击的消息响应
- 在DELPHI程序中动态设置ODBC数据源(1/2)
- 为TextView设置两种状态,程序中可以动态切换
- 为TextView设置两种状态,程序中可以动态切换
- 如何在程序中动态设置墙纸
- 自开发程序动态权限设置按钮
- Silverlight程序中动态设置WCF服务地址方法