Vue nested loop

<ul v-for="set in sets">
  <li v-for="n in even(set)">{{ n }}</li>
</ul>

Source: vuejs.org

Vue nested loop

data: {
  sets: [[ 1, 2, 3, 4, 5 ], [6, 7, 8, 9, 10]]
},
methods: {
  even: function (numbers) {
    return numbers.filter(function (number) {
      return number % 2 === 0
    })
  }
}

Source: vuejs.org

Similar codes

2 votes128 views1 answer
Vue filter()
Javascript Vue
0 vote139 views1 answer
Vue js skeleton loading
Javascript Vue
3 votes162 views1 answer
Vue.js force to reload re-render
Javascript Vue
1 vote159 views1 answer
Track window resize in vue
Javascript Vue
1 vote143 views2 answers
Ngrok live port vue js
Javascript Vue
0 vote137 views1 answer
Jsmodule not installed vuejs webstorm
Javascript Vue
2 votes136 views2 answers
Vuex use state in action
Javascript Vue
0 vote138 views1 answer
You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.
Javascript Vue
0 vote103 views1 answer
Dateformat filter vue
Javascript Vue
0 vote133 views2 answers
Vuetify data table expanded icon example
Javascript Vue