小程序实践（四）：动态控制组件的显示/隐藏

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

 

实现即 .js 配合.wxml 文件

 

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

　　

 

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

　　

------------------------------------------------------------------------------------------------------

 

验证：

1、false，不隐藏的时候

　　

 

2、true，隐藏的时候

　　

 

 

 

 

--------------------------------------------------------------------------------------

 

小程序实践（一）：主页tab选项实现

小程序实践（二）：swiper组件实现轮播图效果

小程序实践（三）：九宫格实现及item跳转

小程序实践（四）：动态控制组件的显示/隐藏

小程序实践（五）：for循环绑定item的点击事件

小程序实践（六）：view内部组件排版

小程序实践（七）：页面间传值

小程序实践（八）：验证码倒计时功能

小程序实践（九）：返回到上一个界面并传值回去

小程序实践（十）：textarea实现简单的编辑文本界面

小程序实践（十一）：showModal的使用

小程序实践（十二）：七牛云上传图片

 

来源：oschina

链接：https://my.oschina.net/u/4365520/blog/3908707