title: How do I filterBy a range of numbers in vue.js
body: <p>I'm building a catalog of a large number of rather basic products and I need to be able to filter the data using a range of numbers rather than an exact match.</p>
  
  <p>I'm looping through my data like this:</p>
  
  <pre><code>&lt;input type=text" v-model="nameFilter"&gt;
  
  &lt;div v-for"product in products | filterBy nameFilter in 'name'&gt;
      &lt;p&gt;Name: {{product.name}}&lt;/p&gt;
      &lt;p&gt;Width: {{product.width}}&lt;/p&gt;
      &lt;p&gt;Height: {{product.height}}&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The existing <code>filterBy</code> works great. No issues there. However, I also need to filter out products based on height and width but not by exact value. I can get it to work if I filter by an exact value (eg, 0.750) but if possible I need to filter products based on a range.</p>
  
  <p>For example, let's say we have this:</p>
  
  <pre><code>&lt;select v-model="widthFilter"&gt;
      &lt;option value="" selected&gt;Filter by Width&lt;/option&gt;
      &lt;option value="0.000-0.999"&gt;0.000-0.999&lt;/option&gt;
      &lt;option value="1.000-1.999"&gt;1.000-1.999&lt;/option&gt;
      &lt;option value="2.000-2.999"&gt;2.000-2.999&lt;/option&gt;
      ...
  &lt;/select&gt;
  </code></pre>
  
  <p>Obviously this would not work as-is, but is there a way to filter items given a range of numbers like this in vue.js?</p>