Vue count item iterated by v-for with function

Question

I have a loop component runned by a function to filter by inputs and selects. Can I get a reactive number of elements renderized by this filter?

<component-list class=""v-for="(item, index) in itemsFilters()" :key="index" :propId="item.id"
></component-list>

itemsFilter() returns a filter of an object array by selects and inputs. I have a pen with an example of this situation: https://codepen.io/joaosaro/pen/baXgjG

user320487 · Accepted Answer · 2018-02-01 09:47:18Z

3

If itemsFilter is either computed or a method:

 computed: {
      itemsCount () {
          // itemsFilters is computed 
          return this.itemsFilters.length
          // or a method
          return this.itemsFilters().length
      }
  }

answered Feb 1, 2018 at 9:47

user320487

Sign up to request clarification or add additional context in comments.

1 Comment

João Saro Over a year ago

Is what I need, thanks. I need to assign to a data element, so I did that inside itemsCount() and return the data variable. Then I can use on component tag as @change="itemsCount"

Collectives™ on Stack Overflow

Vue count item iterated by v-for with function

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related