如何在Vuejs中解决此问题?

时间:2019-11-12 13:43:47

标签: vue.js

我正在使用 vue@1.0.28 版本。我尝试使用 v-if,v-else-if ..... ,但不起作用。

示例:

<div v-if="type === 'A'">
  A
</div>
<div v-else-if="type === 'B'">
  B
</div>
<div v-else-if="type === 'C'">
  C
</div>
<div v-else>
  Not A/B/C
</div>

它将打印所有条件值。

vuejs在版本1中是否支持v-elseif块?

1 个答案:

答案 0 :(得分:1)

根据官方Vue文档,在 2.1.0 + 版本中添加了 v-else-if ,并且您使用的是旧版本的vue。请更新您的vue版本。 引用此:https://vuejs.org/v2/guide/conditional.html#v-else-if