elementui动态查询条件

Element UI是一套基于Vue.js的UI组件库，它提供了丰富的组件和功能，方便开发者快速构建用户界面。在Element UI中，动态查询条件可以通过使用表单组件和输入框组件来实现。

首先，你可以使用`el-form`组件来创建一个表单，然后在表单中添加需要的输入框组件作为查询条件。例如，你可以使用`el-input`组件来创建一个文本输入框作为查询条件。

<template>
  <el-form :model="queryForm" label-width="80px">
    <el-form-item label="关键字">
      <el-input v-model="queryForm.keyword"></el-input>
    </el-form-item>
    <!-- 其他查询条件 -->
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      queryForm: {
        keyword: '' // 查询关键字
        // 其他查询条件的属性
      }
    };
  }
};
</script>

在上述代码中，我们使用了`el-form`组件来创建一个表单，并使用`el-input`组件作为查询条件的输入框。通过`v-model`指令将输入框的值与`queryForm.keyword`属性进行双向绑定，从而实现动态查询条件。

除了文本输入框，Element UI还提供了其他类型的输入框组件，如下拉选择框(`el-select`)、日期选择器(`el-date-picker`)等，你可以根据具体需求选择合适的组件来实现动态查询条件。