如果在vue列表中的每个项目上不同

Question

我正在使用'v-for'创建一个列表，其中每个项目必须具有与该数组对应的不同值的if，但是Vue不允许从{{i开始创建'v-if'表达式.some_data_to_evaluate}}。

有办法解决这个问题吗？

这是我的代码：

HTML

<div id='test' v-for="i in items"> 
  <p v-if={{i.value}}>{{i.some_text}}</p>
  <p v-else>{{i.other_text}}</p>
</div>

JS

let test = new Vue({
  el: '#test',
  data: [
  {some_text: 'jhon', other_text: 'jonas', value:false},
  {some_text: 'joao', other_text: 'maria', value:true}
 ]
})

我只是想改变Vue指南中的版本。

以下是链接：http://vuejs.org/guide/list.html

Answer 1

您应该在v-if指令上用引号替换括号：

<div id="test" v-for="i in items"> 
  <p v-if="i.value">{{i.some_text}}</p>
  <p v-else>{{i.other_text}}</p>
</div>