微信小程序--hidden不生效原因及解决方案
发布日期:2021-05-07 18:48:01 浏览次数:20 分类:原创文章

本文共 344 字,大约阅读时间需要 1 分钟。

微信文档里有提到说hidden是所有组件都有的属性,但我实际编码中发现并不是这样的!!!!

 <v-movie hidden="true"  img="{  {classic.image}}" 

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

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

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

 <v-movie  class="dis" img="{  {classic.image}}" 

 

.dis{  display:none}

 

上一篇:textarea文本框根据输入内容多少自适应高度
下一篇:php 事务原生代码实现

发表评论

最新留言

感谢大佬
[***.8.128.20]2025年03月24日 07时17分35秒