how to add a condition like a greater than equal to in filter search in vue js

Question

Hi every one i am going to build a real-estate application i want to add a condition in Bedrooms filter function like a "greater than equal "

Eg:- if i select 2 on Bedroom list i want to filter greater than equal 2 Bedrooms properties

How can i do this

export default {
  data() {
    return {
      blogs: [],
      minbed: this.$route.params.bed,
    }
  },
  created() {
    this.$http.get("https://test.json").then(function(data) {
      console.log(data);
      this.blogs = data.body;
    });
  },
  computed: {
    filteredList() {
      const { blogs, search, UnitType } = this;
      return this.blogs
        .filter(blog => blog.Bedrooms.includes(this.minbed))
  }
}

<select
  v-model="minbed"
  id="formInput202"
  class="form-control"
  value="MaxBedrooms"
>
  <option>Max.Bedrooms</option>
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option>ST</option>
</select>

Can you try to pass the `MaxBedrooms` value as an object like `['1','2']` for select 2, `includes` will accept multiple values. — Tamilvanan, Dec 27 '18 at 06:53
Why does this have the vue-select tag when it's not asking about https://www.npmjs.com/package/vue-select? — John Y, Feb 15 '19 at 14:45

score 0 · Accepted Answer · answered Dec 27 '18 at 07:30

includes method is not working in this case. Only accepts string as the param (Ref-Link1).

The inline callback function will sort out this case,

Check the below code.

filteredList() {
    const { blogs, search, UnitType } = this;
    var MaxBedroomsVal = this.minbed;
    return this.blogs.filter( function (blog) { 
        return blog.Bedrooms >= MaxBedroomsVal;
    })
}

Ref: Link2

how to add a condition like a greater than equal to in filter search in vue js

1 Answers1