Я могу использовать аргумент 'индекс' в 'в-в' вложенные в "метод"?
Мне нужно использовать индекс на v-for, но на том же уровне, directiveпоказываемое состояние.
mutateЯ хочу ограничить то, что отображается в этой итерации, поэтому я показываю только содержимое с <template>
<div>
<div v-for="share in sharesPurchased()" :key="share">
<div>
<h4>This is some content</h4>
<p style="border: solid 1px">{{share.count}}</p>
</div>
</div>
</div>
</template>
<script>
export default {
data(){
return {
shares: [
{id: 'BMW', count: 1},
{id: 'Ford', count: 0},
{id:'Apple', count: 10}
]
}
},
methods: {
sharesPurchased() {
// I want to use this at the v-for level to limit content view
}
}
}
</script>
i.e: count > 0
Результат моего намерения, как указано выше, должен иметь shares[i].count > 0отображение только <p style="border: solid 1px">{{share.count}}</p>Как только 1 является this.shares[0].count тогда >
Ответы - Я могу использовать аргумент 'индекс' в 'в-в' вложенные в "метод"? / Can I use the 'index' argument in 'v-for' nested in a 'method'?
24.12.2019 11:00:04
Обновление: основываясь на вашей потребности использовать его, это явно проблема X-Y. Вместо этого вы должны использовать вычисляемые свойства:
computed: {
filteredSharesByCount: function() {
return this.shares.filter(share => share.count > 0);
}
}
Затем вы можете ссылаться на него как на таковой в своем шаблоне:
Устаревший ответ:
Индекс доступен в качестве второго необязательного аргумента в v-for:
v-forтакже поддерживает необязательный второй аргумент для индекса текущего элемента.
т.е.:
<div v-for="(share, idx) in sharesPurchased(shares)" :key="share">
Затем в цикле вы можете просто использовать idx, если хотите, чтобы метод имел доступ к индексу.
methodeslint, он скажет мне, что idxбыл определен, но никогда не использовался...
:index="idx", или v-index, я забыл какой. Отредактируйте или, если вы не используете его вообще, попробуйте удалить его из ()
v-for=share in shares. Я удалю filtersтам для того чтобы попытаться быть более ясным в своих намерениях
computedfunction, но я все еще кажусь смущенным. Теперь я должен использовать эту computedфункцию в элементе div Это не работа и что ты предлагаешь, чтобы быть возвращены + арг передается @ <div v-for="share in filteredSharesByCount()" :key="share"> в этом случае?
this.shares. И да, вы используете вычисляемое свойство для v-for
computedметод с пустым ()помимо него. А теперь я его получил! Большое спасибо за ваше терпение! Ваше здоровье!