javascript - 如何比较 vue.js 中的属性值

Question

我想使用 vue.js 中的 if 指令来确定每个表行中应显示哪个数据字段:

<tr v-repeat="model">
    <td>@{{ title }}</td>
    <td>@{{ publish_date_start }}</td>
    <td v-if="model.publish = 1"><span class="fa fa-check"></span></td>
    <td v-if="model.publish = 0"><span class="fa fa-remove"></span></td>
    <td class="data-list-action"><a href="/admin/news/@{{ id }}/edit" class="btn btn-warning">edit</a></td>
    <td class="data-list-action"><a href="#" v-on="click: deleteRequest(id)" class="btn btn-danger">delete</a></td>
</tr>

如果属性“publish”的值为 1，则必须显示带有检查的数据字段。如果为 0，则必须是十字。

如何将“model.publish”与值进行比较？

更新:Fiddle

Answer 1

尝试使用v-if:

<td v-if="publish"><span class="fa fa-check">Check</span></td>
<td v-if="!publish"><span class="fa fa-remove">Cross</span></td>

fiddle :http://jsfiddle.net/8wy7w560/3/