Я могу использовать аргумент 'индекс' в 'в-в' вложенные в "метод"?
Мне нужно использовать индекс на 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
, если хотите, чтобы метод имел доступ к индексу.

method
eslint, он скажет мне, что idx
был определен, но никогда не использовался...

:index="idx"
, или v-index
, я забыл какой. Отредактируйте или, если вы не используете его вообще, попробуйте удалить его из ()


v-for=share in shares
. Я удалю filters
там для того чтобы попытаться быть более ясным в своих намерениях

computed
function
, но я все еще кажусь смущенным. Теперь я должен использовать эту computed
функцию в элементе div
Это не работа и что ты предлагаешь, чтобы быть возвращены + арг передается @ <div v-for="share in filteredSharesByCount()" :key="share">
в этом случае?

this.shares
. И да, вы используете вычисляемое свойство для v-for

computed
метод с пустым ()
помимо него. А теперь я его получил! Большое спасибо за ваше терпение! Ваше здоровье!