当前位置:   article > 正文

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

a-table筛选

监听里面实现多条件查询

  1. <template>
  2. <div>
  3. <div style="margin-top:50px">
  4. <span>(姓名):</span>
  5. <a-input
  6. style="width:200px;display:inline-block;margin-right:20px"
  7. placeholder="请输入内容"
  8. v-model="vtw.name"
  9. clearable
  10. >
  11. </a-input>
  12. <span>(年龄):</span>
  13. <a-input
  14. style="width:200px;display:inline-block;margin-right:20px"
  15. placeholder="请输入内容"
  16. v-model="vtw.age"
  17. clearable
  18. >
  19. </a-input>
  20. <span>(性别):</span>
  21. <a-input
  22. style="width:200px;display:inline-block;margin-right:20px"
  23. placeholder="请输入内容"
  24. v-model="vtw.sex"
  25. clearable
  26. >
  27. </a-input>
  28. </div>
  29. <a-table
  30. :columns="columns"
本文内容由网友自发贡献,转载请注明出处:https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/641987
推荐阅读