blog/vue-js-list-rendering-limit-items-in-v-for/

[utterances-bot]

Vue | Abhith Rajan

2 developer stories and 1 post tagged with “Vue”

https://www.abhith.net/blog/vue-js-list-rendering-limit-items-in-v-for/

[abhith]

[imported_from_disqus]

Thank you this helped me so much. In my case though this meant duplicating a lot of markup so I set a computed value to return either the original array or the sliced array decided by the flag I set and therefore skip the duplicate markup.

controlFilteredResults() {
if (this.showLessItems) {
return this.filteredResults.slice(0,3)
} else {
return this.filteredResults
}
}

v-for="item in controlFilteredResults"

By Andrew Butler at 2018-09-06T10:04:35Z

[abhith]

[imported_from_disqus]

Replied to Andrew Butler at 2018-09-06T10:31:17Z

That's really a better solution. Will add it in the post.
Thanks :)