Vue V-для с V-если

Question

Я обнаружил некоторые несоответствия в документации Vue.Если кто-то уточнит это, пожалуйста.Глядя на v-for-with-v-if , он говорит, что это может быть полезно.Который в моем случае находится именно в такой ситуации.Но теперь eslint жалуется.

Итак, я посмотрел руководство по стилю 1008 * и оно подсказывает мне избегать этого.Таким образом, есть некоторое явное противоречие.

Вопрос : Это действительно так плохо, что вам следует избегать этого?

Мое мнение : Я не вижу его bad,У меня довольно много случаев, когда это полезно.

Answer 1

Путь 1:

все узлы будут отображаться на каждом элементе [] change

<span v-for="item in items" v-if="item.shouldRender">...</span>

---

Путь 2:

все узлы будут отображаться один раз

<template v-for="item in items">
    <span v-if="item.shouldRender">...</span>
</template>

---

Способ 3:

будут отображаться только отфильтрованные узлы.Отфильтрованный список кэшируется.

<span v-for="item in computedShouldRenderItems">...</span>

---

Я думаю, что «путь-1» не очень плох.Но я предпочитаю избегать этого.