title: How to break a v-for loop in vuejs
body: <p>I have a code segment that i have mentioned below. I have used vuejs with vuetifyjs.</p>
  
  <pre><code> &lt;v-data-table v-bind:headers="headers" v-bind:items="uniqueSubjects"&gt;
                              &lt;template slot="items" slot-scope="props"&gt;
                                  &lt;td class="text-xs-center"&gt;{{ props.index+1 }}&lt;/td&gt;
                                  &lt;td class="text-xs-center"&gt;{{ month[new Date(props.item.daily_date).getMonth()] }},{{ props.item.student_id }}&lt;/td&gt;
                                  &lt;td class="text-xs-center"&gt;{{ props.item.subjects.subject_name }}{{ props.item.subjects.id }}&lt;/td&gt;
                                  &lt;template v-for="n in 31"&gt;  
                                      &lt;template v-for="(mark,index) in resultsList"&gt;
                                          &lt;template v-if="new Date(mark.daily_date).getDate() == n &amp;&amp; mark.subject_id == props.item.subject_id &amp;&amp; mark.student_id == props.item.student_id"&gt;
                                              &lt;td class="text-xs-center"&gt;
                                                  {{ mark.daily_marks }}
                                              &lt;/td&gt;
                                          &lt;/template&gt;
                                          &lt;template v-else-if="index&gt;=resultsList.length-1"&gt;
                                              &lt;td class="text-xs-center"&gt;-&lt;/td&gt;
                                          &lt;/template&gt;
                                      &lt;/template&gt;
                                  &lt;/template&gt;
                              &lt;/template&gt;
                              &lt;template slot="pageText" slot-scope="{ pageStart, pageStop }"&gt;
                                  From {{ pageStart }} to {{ pageStop }}
                              &lt;/template&gt;
                          &lt;/v-data-table&gt;
  </code></pre>
  
  <p>I want to break my <code>&lt;template v-for="(mark,index) in resultsList"&gt;</code> loop when the internal <code>v-if</code> condition is true.
  Here i want to search the inner loop from first to last.I want to break the loop if the data is matched depending on the given condition.and then i want to do it again and again.
  How can I do that? Any help would be appreciated.
  Thanks in advance.</p>