代码之家 › 专栏 › 技术社区 › Bhojendra Rauniyar

当数据为空数组时,v-for和v-if不一起工作

vuejs2 vue.js javascript

0

Bhojendra Rauniyar · 技术社区 · 7 年前

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

当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" 但还是什么都没有。

2 回复 | 直到 7 年前

1

3

Kent V 7 年前

2

Bhojendra Rauniyar 7 年前

v-if v-for 这样地:

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

但这对我来说似乎是个坏办法,而其他人却可以把它当作一个好办法。因为我需要使用 v代表 和 v-中频

不过,我们同意 documentation