微信小程序如何控制元素的显示和隐藏

目录

方式一:display

方式二:wx:if


有时在微信小程序元素的显示需要通过特定的条件,比如组件的显示,通常需要在主界面有指定操作。可以通过以下两种方式控制元素的显示和隐藏。

方式一:display

 在wxml或者wxss中设置display样式可以控制元素显示情况,元素默认显示,可设置为block、inline、flex等值,当设置display=none时可以隐藏元素。

.wxml

<view style="width: 100%;height: 100vh;display: flex;align-items: center;">
  <button type="primary">按钮1</button>
  <button type="primary">按钮2</button>
</view>

相关推荐

  1. 程序如何控制元素显示隐藏

    2024-02-01 13:26:02       29 阅读
  2. 程序如何控制元素显示隐藏

    2024-02-01 13:26:02       28 阅读
  3. 程序控制元素显示隐藏

    2024-02-01 13:26:02       35 阅读
  4. 程序控制元素显示隐藏

    2024-02-01 13:26:02       39 阅读
  5. 程序显示隐藏分享按钮

    2024-02-01 13:26:02       44 阅读
  6. 程序如何实现动态显示隐藏某个控件

    2024-02-01 13:26:02       26 阅读
  7. css元素隐藏显示

    2024-02-01 13:26:02       26 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-02-01 13:26:02       19 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-02-01 13:26:02       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-02-01 13:26:02       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-02-01 13:26:02       20 阅读

热门阅读

  1. sql 计算工作日数

    2024-02-01 13:26:02       29 阅读
  2. UCL-ELEC0136: Data Acquisition and Processing Systems

    2024-02-01 13:26:02       29 阅读
  3. 单例模式

    2024-02-01 13:26:02       31 阅读
  4. 植保无人机如何提高作业效率?

    2024-02-01 13:26:02       33 阅读
  5. openssl3.2 - 帮助文档的整理

    2024-02-01 13:26:02       41 阅读