Есть ли способ увеличить метод слайса в цикле v-for? - PullRequest
Новая
       26

Есть ли способ увеличить метод слайса в цикле v-for?

0 голосов
/ 07 ноября 2019

Это может показаться недостижимым, но мне просто любопытно, можно ли вызвать метод слайса в цикле v-for для увеличения значения слайса при вызове функции. Это похоже на функцию LoadMore, которая при нажатии кнопки загружает больше данных. Например, если у меня есть 

<div v-for="(itm, index) in stockList.slice(0, 5)" :key="itm.stockId">
    ...   
</div>
<input type="button"  v-on:click="ShowMore"  />

Методы: 

ShowMore(){
....// increment the slice in the v-for loop binding
counter = counter + 5.
this.stockList.slice(0, counter);
}

Что-то в этом роде ... Это было бы достижимо? Спасибо.

1 Ответ

0 голосов
/ 07 ноября 2019 
<div v-for="(itm, index) in stockList.slice(0, comCounter)" :key="itm.stockId">
    ...   
</div>
<input type="button"  v-on:click="ShowMore"  />

Методы: 

ShowMore(){
....// increment the slice in the v-for loop binding
mapCredential.state.comCounter = this.comCounter + 5;
this.comCounter = mapCredential.state.comCounter;
}

С помощью переменной состояния Vuex. Счетчик приращений работает.

...