Vue 前端页面列表多条件筛选

姜天生i

已于 2022-07-25 14:11:44 修改

阅读量1.1k

点赞数 1

于 2022-06-30 16:57:13 首次发布

本文链接：https://blog.csdn.net/qq_37041819/article/details/125544048

版权

这篇博客详细介绍了如何使用Vue.js结合ES6语法在前端实现页面列表的多条件筛选功能，通过示例展示了如何根据多个搜索条件匹配并显示相符的数据记录。

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

对一个数组，根据多个条件，查询相同得数据

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        let searchForm = {
   
            company: '某某某测试公司',
            dept: '',
            phone: '',
            name: '王小虎1',
        }
        let data = [{
   
            name: '王小虎1',
            phone: '123456789',
            mail: '123456789@163.com',
            company: '某某某测试公司',
            dept: '某某某测试部门',