vue-a-table表格前端实现多个条件搜索筛选功能实现（模糊查询）

《独白》

已于 2023-07-03 14:22:23 修改

阅读量1.4k

点赞数

文章标签： vue.js javascript 前端

于 2023-07-03 13:25:01 首次发布

本文链接：https://blog.csdn.net/qq_45149139/article/details/131513753

版权

本文介绍如何在Vue.js项目中利用前端技术实现表格的多条件模糊查询功能，通过监听事件处理搜索逻辑，展示搜索后的效果。

摘要由CSDN通过智能技术生成

监听里面实现多条件查询

<template>
  <div>
    <div style="margin-top:50px">
      <span>(姓名)：</span>
      <a-input
        style="width:200px;display:inline-block;margin-right:20px"
        placeholder="请输入内容"
        v-model="vtw.name"
        clearable
      >
      </a-input>
      <span>(年龄)：</span>
      <a-input
        style="width:200px;display:inline-block;margin-right:20px"
        placeholder="请输入内容"
        v-model="vtw.age"
        clearable
      >
      </a-input>
      <span>(性别)：</span>
      <a-input
        style="width:200px;display:inline-block;margin-right:20px"
        placeholder="请输入内容"
        v-model="vtw.sex"
        clearable
      >
      </a-input>
    </div>
    <a-table
      :columns="columns"