如何比较 vue.js 中的属性值答案

【问题标题】：How to compare value of property in vue.js如何比较 vue.js 中的属性值
【发布时间】：2015-12-25 09:05:16
【问题描述】：

我想使用 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

【问题讨论】：

您介意在 jsfiddle 中提供您的示例（包括您的 javascript 代码）吗？
@nils 我加了一个小提琴

标签： javascript html vue.js

【解决方案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>

小提琴：http://jsfiddle.net/8wy7w560/3/

【讨论】：