How To Break A V-for Loop In Vuejs

I have a code segment that i have mentioned below. I have used vuejs with vuetifyjs.

Solution 1:

There is no way to break v-for. It is better to create a computed property in your component and filter your data there to pass only needed data to v-for.

For example:

// ... your component codecomputed: {
   validResultsList() {
     returnthis.resultsList/* ... your filtering logic ... */;
   }
}
// ... your component code 

And then in your template:

<template v-for="(mark,index) in validResultsList">