title: Vuejs : Filtering data using input and checkbox
body: <p>I want to filter my data using input and checkbox. Below is the code script that works as you can see but does not work as I want it to. According to the script; When no text is entered in the input field, the checkboxes do not work even if they are checked. Where could I be doing wrong?</p>
  <pre><code>&lt;input v-model=&quot;search_all_task&quot;&gt;
  
  &lt;input type=&quot;checkbox&quot; class=&quot;form-check-input&quot; true-value=&quot;title1&quot; false-value=&quot;&quot; v-model=&quot;dashSelect3&quot; @id=&quot;dashSelect1 = $event.target.value&quot; id=&quot;checkbox1&quot;&gt;
  &lt;label class=&quot;form-check-label&quot; for=&quot;checkbox1&quot;&gt;Title 1&lt;/label&gt;
  
  &lt;input type=&quot;checkbox&quot; class=&quot;form-check-input&quot; true-value=&quot;title2&quot; false-value=&quot;&quot; v-model=&quot;dashSelect3&quot; @id=&quot;dashSelect2 = $event.target.value&quot; id=&quot;checkbox2&quot;&gt;
  &lt;label class=&quot;form-check-label&quot; for=&quot;checkbox2&quot;&gt;Title 2&lt;/label&gt;
  
  &lt;input type=&quot;checkbox&quot; class=&quot;form-check-input&quot; true-value=&quot;title3&quot; false-value=&quot;&quot; v-model=&quot;dashSelect3&quot; @id=&quot;dashSelect3 = $event.target.value&quot; id=&quot;checkbox1&quot;&gt;
  &lt;label class=&quot;form-check-label&quot; for=&quot;checkbox1&quot;&gt;Title 3&lt;/label&gt;
  </code></pre>
  <pre><code>data() {
     return {
       allTaskDashboard : [
             { id: 1, title: &quot;title1&quot;, content: &quot;content1&quot; },
  { id: 2, title: &quot;title2&quot;, content: &quot;content2&quot; },
  { id: 3, title: &quot;title3&quot;, content: &quot;content3&quot; }
         
         ]
   }
  },
  computed:{
     filterDashboardTask(){
  
        return this.allTaskDashboard.filter(item =&gt;{
           return(
              this.search_all_task.length === 0 || item.content.toLowerCase().includes(this.search_all_task.toLowerCase())
              || this.dashSelect2.includes(item.title) 
              || this.dashSelect1.includes(item.title)
              || this.dashSelect3.includes(item.title)
              ) 
        });
     },
  }
  
  </code></pre>
  <pre><code>&lt;div v-for=&quot;item in filterDashboardTask&quot;&gt;
  // This another parametres
  &lt;/div&gt;
  </code></pre>