### [小程序之动态控制组件的显示和隐藏](https://www.prosaas.cn/article/17237)

**Published:** 2018-07-14T06:30:26

**Author:** 5201314

**Excerpt:** 这篇文章主要介绍了关于小程序之动态控制组件的显示和隐藏 ，有着一定的参考价值，现在分享给大家，有需要的朋友可以…

这篇文章主要介绍了关于小程序之动态控制组件的显示和隐藏 ，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下

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

实现即 .js 配合.wxml 文件

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

　　![](https://img.php.cn/upload/article/000/000/009/06d96011ee957890b6bdbc2771ebe61c-0.png)

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

　　![](https://img.php.cn/upload/article/000/000/009/06d96011ee957890b6bdbc2771ebe61c-1.png)

**验证：**

1、false，不隐藏的时候

　　![](https://img.php.cn/upload/article/000/000/009/06d96011ee957890b6bdbc2771ebe61c-2.png)

2、true，隐藏的时候

　　![](https://img.php.cn/upload/article/000/000/009/8a28985a116bb70e25f0d097e6cae49f-3.png)

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！

相关推荐：

小程序之页面用九宫格及item跳转的功能实现

小程序之如何让swiper组件来实现轮播图的功能

小程序之实现主页的tab选项功能的方法

以上就是小程序之动态控制组件的显示和隐藏的详细内容，更多请关注知企PROSAAS其它相关文章！

**Categories:** 后端开发

---