В таблице MySQL есть поле recdate типа DATE.
<td>{{ tran.recdater }} </td>
Так как всё-таки поле называется - recdate или recdater? Разберитесь.
UPD. Конечно, вопрос не об этом, но уж больно глаз режет... Почему бы вам не сократить разметку? - добавьте описание столбцов и делайте
v-for
по нему:
data: () => ({
columns: [
{ key: 'recdate', label: 'Date' },
{ key: 'refnum', label: 'Refnum' },
{ key: 'client', label: 'Client' },
{ key: 'details', label: 'Details' },
{ key: 'amount', label: 'Amount' },
{ key: 'cur', label: 'CUR' },
],
...
}),
<thead>
<tr>
<th v-for="col in columns">{{ col.label }}</th>
</tr>
</thead>
<tbody>
<tr v-for="row in trans">
<th v-for="col in columns">{{ row[col.key] }}</th>
</tr>
</tbody>