微信小程序动态显示或隐藏
2017-03-29 16:23
691 查看
微信小程序开发中可能会遇到这种情况,某个控件会因为按钮的点击显示或隐藏,同时按钮的文字也随点击改变。
如下图所示:
wxml代码:
js代码:
如下图所示:
wxml代码:
{{time}}{{isShow ? 'Hide the time' : 'Show the time'}}
js代码:
data: { time:'', isShow: false }, showTime:function(){ this.setData({ isShow:(!this.data.isShow), time:util.formatTime(new Date()), }); },
相关文章推荐
- 微信小程序 动态的显示或隐藏控件
- 微信小程序动态的显示或隐藏控件的方法(两种方法)
- 微信小程序 —— 动态决定页面元素显示或隐藏的技巧
- 微信小程序实践之动态控制组件的显示/隐藏功能
- 微信小程序 实现动态显示和隐藏某个控件
- 微信小程序 实现动态显示和隐藏某个控件
- 【微信小程序】小程序动态显示和隐藏某个控件
- 微信小程序 —— 动态决定页面元素显示或隐藏的技巧
- 微信小程序之动态改变内容①文字改变②显示隐藏
- 微信小程序---显示与隐藏hidden
- 微信小程序-隐藏和显示自定义的导航
- 详解微信小程序 通过控制CSS实现view隐藏与显示
- 集成Ajax的调试ASP语句的小程序(内嵌可移动+可滚动跟随+可隐藏、显示的输入小窗口,可输入asp语句动态运行可)
- 微信小程序 条件渲染 脚本控制view的隐藏显示
- 微信小程序开发之radio实现显示和隐藏功能 原创 2017年07月04日 20:33:07 标签: 前端开发 / 微信 我们在开发微信小程序的时候,经常会用到显示和隐藏,
- 微信小程序点击实现隐藏和点击实现显示
- 微信小程序之多列表的显示和隐藏功能【附源码】
- android 如何让应用程序在主菜单[launcher]程序列表中动态显示或隐藏
- 微信小程序自定义导航隐藏和显示功能
- 微信小程序:隐藏和显示功能