微信小程序实践之动态控制组件的显示/隐藏功能


Posted in Javascript onJuly 18, 2018

组件有个属性:hidden='' ,值为true/false ,当false的时候说明不隐藏,当true的时候说明隐藏,注意该隐藏是不保留组件位置的。

实现即 .js 配合.wxml 文件

一、在.js 文件下的 Page({}) 里面 的data:{} 里面 创建一个布尔类型的属性

微信小程序实践之动态控制组件的显示/隐藏功能

二、在.wxml文件下构建一个view组件

微信小程序实践之动态控制组件的显示/隐藏功能

验证:

1、false,不隐藏的时候

微信小程序实践之动态控制组件的显示/隐藏功能

2、true,隐藏的时候

微信小程序实践之动态控制组件的显示/隐藏功能

总结

以上所述是小编给大家介绍的微信小程序实践之动态控制组件的显示/隐藏功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
js滚动条多种样式,推荐
Feb 05 Javascript
又一个图片自动缩小的JS代码
Mar 10 Javascript
jQuery的一些特性和用法整理小结
Jan 13 Javascript
javascript 函数调用的对象和方法
Jul 01 Javascript
javascript全局变量封装模块实现代码
Nov 28 Javascript
jQuery height()、innerHeight()、outerHeight()函数的区别详解
May 23 Javascript
json实现添加、遍历与删除属性的方法
Jun 17 Javascript
JavaScript ES5标准中新增的Array方法
Jun 28 Javascript
使用vue实现点击按钮滑出面板的实现代码
Jan 10 Javascript
一个简单的node.js界面实现方法
Jun 01 Javascript
一篇文章让你搞懂JavaScript 原型和原型链
Nov 23 Javascript
Vue3实现简易音乐播放器组件
Aug 14 Vue.js
微信小程序项目实践之主页tab选项实现
Jul 18 #Javascript
详解性能更优越的小程序图片懒加载方式
Jul 18 #Javascript
微信小程序项目实践之验证码倒计时功能
Jul 18 #Javascript
微信小程序日期选择器实例代码
Jul 18 #Javascript
JavaScript实现的反序列化json字符串操作示例
Jul 18 #Javascript
Angularjs实现多图片上传预览功能
Jul 18 #Javascript
JavaScript实现正则去除a标签并保留内容的方法【测试可用】
Jul 18 #Javascript
You might like
php模拟post提交数据的方法
2015/02/12 PHP
使用Git实现Laravel项目的自动化部署
2019/11/24 PHP
jQuery 性能优化手册 推荐
2010/02/23 Javascript
javascript,jquery闭包概念分析
2010/06/19 Javascript
js浮点数保留两位小数点示例代码(四舍五入)
2013/12/26 Javascript
Chrome扩展页面动态绑定JS事件提示错误
2014/02/11 Javascript
JS实现控制表格只显示行边框或者只显示列边框的方法
2015/03/31 Javascript
js下将金额数字每三位一逗号分隔
2016/02/19 Javascript
Yarn的安装与使用详细介绍
2016/10/25 Javascript
深究AngularJS如何获取input的焦点(自定义指令)
2017/06/12 Javascript
详解node+express+ejs+bootstrap构建项目
2017/09/27 Javascript
JavaScript实现多重继承的方法分析
2018/01/09 Javascript
Vue的data、computed、watch源码浅谈
2020/04/04 Javascript
[01:03:56]Mineski vs TNC 2018国际邀请赛淘汰赛BO1 8.21
2018/08/22 DOTA
Python实现树莓派WiFi断线自动重连的实例代码
2017/03/16 Python
Python 多线程的实例详解
2017/09/07 Python
django js实现部分页面刷新的示例代码
2018/05/28 Python
利用Pycharm断点调试Python程序的方法
2018/11/29 Python
Python + OpenCV 实现LBP特征提取的示例代码
2019/07/11 Python
python pymysql链接数据库查询结果转为Dataframe实例
2020/06/05 Python
Django:使用filter的pk进行多值查询操作
2020/07/15 Python
如何让PyQt5中QWebEngineView与JavaScript交互
2020/10/21 Python
python 模拟登陆github的示例
2020/12/04 Python
python中threading和queue库实现多线程编程
2021/02/06 Python
美国在线鲜花速递:ProFlowers
2017/01/05 全球购物
俄罗斯园林植物网上商店:Garshinka
2020/07/16 全球购物
室内设计专业学生的自我评价分享
2013/11/27 职场文书
培训主管岗位职责
2014/02/01 职场文书
《高尔基和他的儿子》教学反思
2014/04/09 职场文书
《北大荒的秋天》教学反思
2014/04/14 职场文书
文员求职信
2014/07/15 职场文书
关于运动会的广播稿(10篇)
2014/09/12 职场文书
荆州古城导游词
2015/02/06 职场文书
敬老院义诊活动总结
2015/05/07 职场文书
2015年高一班主任工作总结
2015/05/13 职场文书
Redis中一个String类型引发的惨案
2021/07/25 Redis