Bootstrap

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

监听里面实现多条件查询

<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"
  
;