
微信小程序--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}
发表评论
最新留言
感谢大佬
[***.8.128.20]2025年03月24日 07时17分35秒
关于作者

喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
红黑树学习
2021-05-08
Redis未授权访问漏洞
2021-05-08
SpringBoot整合Redis
2021-05-08
3D案例——旋转木马
2021-05-08
vue中导入导入 Mint-UI的注意事项
2021-05-08
Vue——mock模拟数据的使用
2021-05-08
Nginx配置反向代理与负载均衡
2021-05-08
socket多线程实现tcp server
2021-05-08
高阶函数reduce
2021-05-08
Lionheart万汇:布林线双底形态分析技巧
2021-05-08
Lionheart万汇:台积电大幅提升资本开支,2021有望续创辉煌
2021-05-08
Lionheart万汇:新年消费结构中贵金属交易机会
2021-05-08
LHCM万汇:在需求上升中,美国贸易赤字创下历史新高
2021-05-08
Python数据处理笔记01--numpy数组操作
2021-05-08
大力出奇迹之js文件爆破
2021-05-08
jsp技术入门
2021-05-08
线程同步机制和三个线程不安全例子
2021-05-08
Mybatis的入门01
2021-05-08
开发者社区公告【MW移动端钱包】开发公示
2021-05-08
Vue01常见指令,axios
2021-05-08