# QueryTable

一个简易的查询 + Table + 分页的组件，可以作为一个单独的页面

默认已经加到 `app component` 里面了 , 可以直接使用 `query-table`

## 使用

```html
<query-table :init-query="xxx" :request="xxx" :row-key="xxx" v-model="xxx">
  <!-- 定义查询部分 -->
  <template v-slot:search="slotProps">
    <el-form-item label="姓名" prop="name">
      <el-input v-model="slotProps.formData.name"></el-input>
    </el-form-item>
  </template>

  <template #title>
    这里填写表格标题
  </template>

  <template #action>
    这里填写表格功能比如，导出
  </template>

  <!-- 定义表格部分 -->
  <template #table>
    <el-table-column prop="name" label="名称"></el-table-column>
  </template>
</query-table>
```

* init-query 是定义查询的默认值部分, 可选

* row-key 定义表格行KEY

* request 是定义需要执行的查询动作, 一般是 axion 请求

* v-model 是表格的主体内容
