实战 | 如何使用微搭低代码实现按条件过滤数据

在开发应用过程中难免会用到条件查询这个功能，本篇就来详细介绍下如何使用微搭低代码实现按条件过滤数据。

业务逻辑

我们在应用的会员列表中设置查询条件，根据输入的条件过滤数据，具体的效果如下图

我们在手机的输入框中输入手机号码，点击查询按钮过滤数据，过滤后的数据如下

具体操作

我们找到会员的列表页面，增加对应的组件，我们的思路是在容器里放置表单输入组件和按钮组件

为了让表单输入和按钮在一行显示我们需要设置一下容器组件的样式

按钮的话有些大，我们设置一个高度即可

样式设置好后，我们需要考虑如何获取表单输入组件的值，这里我们在变量管理添加一个变量