Vue实现自定义查询

---

前言

面对海量数据时，为了让用户更好的去操作查到想要的数据，我们需要向用户提供自定义查询功能

一、代码实现

<template>
  <div>
    <!-- 选择对话框 -->
    <el-dialog
      v-dialogDrag
      width="80vw"
      title="自定义查询"
      :visible.sync="open"
      :lock-scroll="true"
      :modal-append-to-body="false"
      :close-on-click-modal="false"
      @close="closeDialog"
    >
      <el-form ref="form" label-width="100px" label-position="right">
        <el-row :gutter="10">
          <el-col :span="1.5" class="QButton">
            <el-button
              type="success"
              icon="el-icon-search"
              size="mini"
              @click="query"
            >查询</el-button>
          </el-col>
        </el-row>
        <el-row :gutter="10">
          <el-col :span="2" class="el-col__line-height"> 逻辑 </el-col>
          <el-col :span="5" class="el-col__line-height"> 属性名称 </el-col>
          <el-col :span="5