简单代码就能出现
![爱星雾月](https://img-cdn-tc.dcloud.net.cn/account/identicon/342d8d8c21a248b9cd879f17b753a5f4.png)
- 发布:2023-06-19 21:18
- 更新:2023-06-20 06:49
- 阅读:224
产品分类: uniapp/H5
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win11
HBuilderX类型: 正式
HBuilderX版本号: 3.8.4
浏览器平台: Chrome
浏览器版本: 所有浏览器
项目创建方式: HBuilderX
操作步骤:
预期结果:
:hidden="true" 隐藏当前组件
:hidden="true" 隐藏当前组件
实际结果:
:hidden="true" 不生效
:hidden="true" 不生效
bug描述:
<view :hidden="true">显示隐藏无效</view>
<view :hidden="false">小程序有效</view>
文档中也没有提到h5不支持hidden
![LAO_WUUAN](https://img-cdn-tc.dcloud.net.cn/account/identicon/f247c0502a36f9028bba2d6c110ec756.png)
对于公共属性列表中的 hidden 属性,这是所有组件都具有的属性,可以用来控制组件的显示与隐藏,但是在 H5 平台中,
由于一些原因,hidden 属性可能会失效。
在 H5 平台中,可以使用常规的 CSS 样式来控制组件的显示与隐藏,例如使用 `display: none` 隐藏组件:
```html
<view style="display: none;">这是隐藏的内容</view>
或者使用条件渲染的方式来根据组件的状态来渲染组件的显示和隐藏:
<view v-if="show">这是根据 show 属性控制的显示内容</view>
以上两种方法都可以在 H5 平台中有效地控制组件的显示与隐藏。
爱星雾月 (作者)
这些肯定知道的。 如果存在这个问题文档中应该说明不支持h5
2023-06-20 09:21