2015-09-28 3 views
0

Я хочу использовать директиву, если-в vue.js, чтобы определить, какие DataField должны быть представлены в каждой строке таблицы:Как сравнить стоимость недвижимости в vue.js

<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' со значением?

UPDATE: Fiddle

+1

Вы не могли бы предоставляя свой пример в jsfiddle (включая ваш яваскрипта код)? – nils

+0

@nils Я добавил скрипку – bflydesign

ответ

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/

+0

Явно так же просто, как это ... thx – bflydesign

Смежные вопросы