微信小程序中hidden不生效原因的解决办法

微信小程序中hidden不生效原因的解决办法

例如如下布局：

  <view hidden="true" style="display:flex;flex-direction: row;">
    <text>text1</text>
    <text>text2</text>
  </view>

你会发现hidden没生效。经我实验发现hidden元素对块状布局才生效，所以这段代码里导致hidden没生效的罪魁祸首是display:flex。把这个去掉就可以了。

如果一定要用flex布局怎么办？

其实这里想用hidden无非就是想影藏这个布局，display:none也能做到隐藏。这里可以用一个取巧的方法，动态设置display属性，示例如下：

  <view hidden="true" style="display:{{hideview ? none : flex}};flex-direction: row;">
    <text>text1</text>
    <text>text2</text>
  </view>

这里的hideview是在对应的js里是一个变量，由js来动态控制。

后话

hidden 隐藏布局，虽然隐藏了，但是还是会占空间。

display:none 隐藏不占据空间。

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

# 微信小程序中hidden不生效  # 小程序  # hidden  # 微信小程序 免费SSL证书https、TLS版本问题的解决办法  # 微信小程序 wx.uploadFile无法上传解决办法  # 微信小程序 出现47001 data format error原因解决办法  # 微信小程序 解决请求服务器手机预览请求不到数据的方法  # 微信小程序 setData使用方法及常用错误解决办法  # 微信小程序 合法域名校验出错详解及解决办法  # 微信小程序 常见问题总结（4058  # 40013）及解决办法  # 微信小程序 TLS 版本必须大于等于1.2问题解决  # 微信小程序遇到修改数据后页面不渲染的问题解决  # 微信小程序排坑指南详解  # 是一个  # 是在  # 也能  # 可以用  # 这段  # 希望能  # 要用  # 谢谢大家  # 想用  # 解决办法  # 你会发现  # 就可以  # strong  # view  # style  # display  # flex  # true  # brush  # class 

相关文章： 网站制作模板下载什么软件,ppt模板免费下载网站？  PHP 500报错的快速解决方法  可靠的网站设计制作软件,做网站设计需要什么样的电脑配置？  建站之星导航如何优化提升用户体验？  如何在万网主机上快速搭建网站？  全景视频制作网站有哪些,全景图怎么做成网页？  建站之星如何助力网站排名飙升？揭秘高效技巧  建站之星2.7模板快速切换与批量管理功能操作指南  如何在阿里云虚拟主机上快速搭建个人网站？  如何在万网开始建站？分步指南解析  网站插件制作软件免费下载,网页视频怎么下到本地插件？  建站之星在线版空间：自助建站+智能模板一键生成方案  建站之星安装后界面空白如何解决？  官网自助建站平台指南：在线制作、快速建站与模板选择全解析  网站制作的步骤包括,正确网址格式怎么写？  电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目？  如何快速搭建高效香港服务器网站？  制作网站的网址是什么,请问后缀为.com和.com.cn还有.cn的这三种网站是分别是什么类型的网站？  外汇网站制作流程,如何在工商银行网站上做外汇买卖？  如何有效防御Web建站篡改攻击？  公司网站设计制作厂家,怎么创建自己的一个网站？  网站制作公司广州有几家,广州尚艺美发学校网站是多少？  广州建站公司哪家好？十大优质服务商推荐  如何确保西部建站助手FTP传输的安全性？  清单制作人网站有哪些,近日“兴风作浪的姑奶奶”引起很多人的关注这是什么事情？  建站之星后台密码遗忘？如何快速找回？  建站VPS选购需注意哪些关键参数？  如何通过建站之星自助学习解决操作问题？  如何在云指建站中生成FTP站点？  代购小票制作网站有哪些,购物小票的简要说明？  佛山网站制作系统,佛山企业变更地址网上办理步骤？  如何选择适合PHP云建站的开源框架？  专业企业网站设计制作公司,如何理解商贸企业的统一配送和分销网络建设？  已有域名建站全流程解析：网站搭建步骤与建站工具选择  如何获取免费开源的自助建站系统源码？  香港服务器如何优化才能显著提升网站加载速度？  如何快速搭建高效WAP手机网站？  建站之星后台管理：高效配置与模板优化提升用户体验  企业网站制作费用多少,企业网站空间一般需要多大，费用是多少？  简历在线制作网站免费,免费下载个人简历的网站是哪些？  建站之星后台管理系统如何操作？  学校建站服务器如何选型才能满足性能需求？  香港服务器网站推广：SEO优化与外贸独立站搭建策略  如何基于云服务器快速搭建网站及云盘系统？  如何快速查询网站的真实建站时间？  如何高效生成建站之星成品网站源码？  Thinkphp 中 distinct 的用法解析  音响网站制作视频教程,隆霸音响官方网站？  行程制作网站有哪些,第三方机票电子行程单怎么开？  电商网站制作价格怎么算,网上拍卖流程以及规则？