Директивы v-if и v-else для отображения дат создания и обновления
У меня есть модель django, которая хранит дату создания и обновления на моем front end у меня есть заголовок под названием Date в моих заголовках vue я отображаю дату создания, но мне нужно отобразить обновленную дату в том же заголовке, когда объект обновляется. У меня есть та же дата под названием row.updated_date_formatted если это none мне нужно отобразить created_date иначе мне нужно отобразить обновленную дату
<template slot="row" slot-scope="{ row, index }">
<td v-text="row.created_date_formatted"> </td>
</template>
В Vue можно закодировать логику прямо в значении параметра v-text.
Что-то вроде этого:
<td v-text="row.updated_date_formatted != null ? row.updated_date_formatted : row.created_date_formatted"></td>
Или то же самое с синтаксисом Mustache:
<td>{{row.updated_date_formatted != null ? row.updated_date_formatted : row.created_date_formatted}}</td>
v-if v-else не является действительно необходимым в данном случае.