Can I swap data from v-for in a branch?

Question

Vue.js

Good afternoon, I have such a design.

<BaseCardDefault 

        class="timing-card-list__item"
        v-for="(item, key, index) of sortTiming"
        >

Can I change 'sortTiming' depending on what is allowed in data() sortOff: false.
Conditionally, when sortOff: false , I will take data from sortTiming, and when true . from sortHouse ?

Answer 1

v-for="n in (condition ? items1 : items2)"
You can wrap it in a computed property:

computed: {
  items() {
    return condition ? this.items1 : this.items2;
  },
},

v-for="n in items"