微信小程序中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 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 深圳网站制作的公司有哪些,dido官方网站？  php打包exe后无法访问网络共享_共享权限设置方法【教程】  如何用免费手机建站系统零基础打造专业网站？  Laravel怎么配置自定义表前缀_Laravel数据库迁移与Eloquent表名映射【步骤】  MySQL查询结果复制到新表的方法(更新、插入)  Laravel如何实现多级无限分类_Laravel递归模型关联与树状数据输出【方法】  Win11怎么关闭透明效果_Windows11辅助功能视觉效果设置  如何在万网ECS上快速搭建专属网站？  ChatGPT回答中断怎么办 引导AI继续输出完整内容的方法  网站建设要注意的标准 促进网站用户好感度！  Java Adapter 适配器模式（类适配器，对象适配器）优缺点对比  开心动漫网站制作软件下载,十分开心动画为何停播？  微博html5版本怎么弄发语音微博_语音录制入口及时长限制操作【教程】  大连网站制作公司哪家好一点,大连买房网站哪个好？  ,南京靠谱的征婚网站？  魔毅自助建站系统：模板定制与SEO优化一键生成指南  企业网站制作这些问题要关注  Laravel如何使用Spatie Media Library_Laravel图片上传管理与缩略图生成【步骤】  香港服务器网站推广：SEO优化与外贸独立站搭建策略  制作企业网站建设方案,怎样建设一个公司网站？  Microsoft Edge如何解决网页加载问题 Edge浏览器加载问题修复  Laravel全局作用域是什么_Laravel Eloquent Global Scopes应用指南  中山网站推广排名,中山信息港登录入口？  如何在IIS7中新建站点？详细步骤解析  海南网站制作公司有哪些,海口网是哪家的？  微博html5版本怎么弄发超话_超话进入入口及发帖格式要求【教程】  如何快速完成中国万网建站详细流程？  北京网站制作公司哪家好一点,北京租房网站有哪些？  再谈Python中的字符串与字符编码（推荐）  香港服务器建站指南：外贸独立站搭建与跨境电商配置流程  Win11搜索栏无法输入_解决Win11开始菜单搜索没反应问题【技巧】  Python结构化数据采集_字段抽取解析【教程】  Android GridView 滑动条设置一直显示状态(推荐)  JS实现鼠标移上去显示图片或微信二维码  linux top下的 minerd 木马清除方法  如何基于云服务器快速搭建网站及云盘系统？  Laravel与Inertia.js怎么结合_使用Laravel和Inertia构建现代单页应用  EditPlus 正则表达式 实战(3)  网站制作企业,网站的banner和导航栏是指什么？  如何在IIS7上新建站点并设置安全权限？  高性价比服务器租赁——企业级配置与24小时运维服务  如何在服务器上配置二级域名建站？  Laravel如何集成Inertia.js与Vue/React？（安装配置）  logo在线制作免费网站在线制作好吗,DW网页制作时，如何在网页标题前加上logo？  Gemini怎么用新功能实时问答_Gemini实时问答使用【步骤】  网站优化排名时，需要考虑哪些问题呢？  如何在橙子建站上传落地页？操作指南详解  如何在云服务器上快速搭建个人网站？  公司网站制作价格怎么算,公司办个官网需要多少钱？  广州网站制作公司哪家好一点,广州欧莱雅百库网络科技有限公司官网？