vue实现前端表格多条件搜索

最新推荐文章于 2024-06-22 13:17:38 发布

big ass

最新推荐文章于 2024-06-22 13:17:38 发布

阅读量3.6k

点赞数 2

文章标签： vue

本文链接：https://blog.csdn.net/dzwlio/article/details/105781778

版权

前端页面：

请求后台

后台数据
在这里插入图片描述
搜索按钮的方法

 // 搜索
    sousuo() {
      this.userxinxi = this.restaurants
      if (!(this.userid === '')) {
        this.userxinxi = this.userxinxi.filter(data => {
          if (data.id === this.userid) {
            return true
          }
        })
      }
      if (!(this.username === '')) {
        this.userxinxi = this.userxinxi.filter(data => {
          if (data.username === this.username) {
            return true
          }
        })
      }
      if (!(this.leibie === '')) {
        this.userxinxi = this.userxinxi.filter(data => {
          if (data.roles === this.leibie) {
            return true
          }
        })
      }
      if (this.leibie === '' && this.userid === '' && this.username === '') {
        this.userxinxi = this.restaurants
      }
    },