vue2精准列查询

[dounai1306]

query: {
    status: '',
    name: '',
    age: ''
}
<ul>
    <li v-for="item in tableData">{{item.name}}-{{item.age}}-{{item.status}}</li>
</ul>

computed: {
      tableData: function () {
        let that = this
        let status = parseInt(that.query.status)
        let name = that.query.name
        let age= parseInt(this.query.age)
        let data = this.data
        if (status) {
          data = data.filter(function (row) {
            if (row.status === status) {
              return row
            }
          })
        }
        if (name ) {
          data = data.filter(function (row) {
            if (row.name === name ) {
              return row
            }
          })
        }
        if (age) {
          data = data.filter(function (row) {
            if (row.age=== age) {
              return row
            }
          })
        }
        return data
      }
    }