程序中动态实现组件显示与隐藏的控制策略

GS 136 2024-08-14

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

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

实现即 .js 配合.wxml 文件

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

  图片.png

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

  图片.png

验证:

1、false,不隐藏的时候

  图片.png

2、true,隐藏的时候

  图片.png

以上就是小程序中动态实现组件显示与隐藏的控制策略的详细内容!


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:小程序中通过 for 循环绑定 item 点击事件的实现方式
下一篇:小程序页面中九宫格与 item 跳转功能的实现方式
相关文章

 发表评论

暂时没有评论,来抢沙发吧~