javascript - 当数据变为空数组时，v-for 和 v-if 不能一起工作

Question

我今天遇到了一个非常愚蠢的问题，只是在这里分享:

当数据值为[]时，v-for 和 v-if 不能一起工作。例如:

ts: []

<div v-for="t in ts" :key="t" v-if="ts.length">
  Yes
</div>
<div v-else>
  No
</div>

在 codesandbox 中查看实际效果.

我们可以看到没有任何内容被渲染，甚至没有抛出任何错误。我也尝试过 v-if="ts.length > 0" 但它仍然没有渲染任何内容。

Answer 1

不建议将 v-for 与 v-if 一起使用。请参阅官方文档:https://v2.vuejs.org/v2/guide/conditional.html#v-if-with-v-for