如何在Vuetify数据表上使用Vue显示过滤器?

时间:2020-02-22 13:49:54

标签: vue.js vuetify.js

在Vue中,无需使用Vuetify,我可以使用过滤器以易于理解的方式显示日期:

break

如何将此过滤器与Vuetify数据表一起使用?

<template>
  <table>
    <tr><td>{{ date | dateFR }}</td></tr>
  </table>
</template>
<script>
  ...
  data: () => ({
    date: new Date()
  }),
  filters: {
    dateFR: function (value) {
      if (!value) return ''
      if ( Object.prototype.toString.apply(value) == '[object Date]' )
        return value.toLocaleDateString('fr-FR', {day: 'numeric',month: 'numeric', year: 'numeric'});
      else
        return value;
    }
  }
</script>

0 个答案:

没有答案