2023-03-14 16:50:00 vue3 在template中处理去掉年份

在Vue3中，可以使用过滤器（Filter）来处理去掉日期中的年份。以下是一个示例：

在template中：

<p>{{ date | removeYear }}</p>

其中，date是一个包含日期的变量，removeYear是一个自定义过滤器。

在script中：

import { createApp } from 'vue';

const app = createApp({
  data() {
    return {
      date: '2023-03-14',
    };
  },
  filters: {
    removeYear(value) {
      return value.split('-').slice(1).join('-');
    },
  },
});

app.mount('#app');

在这里，我们使用了ES6的语法来定义过滤器函数。它接受一个值，并使用split()函数将其拆分为一个数组。然后，我们使用slice()函数来删除数组中的第一个元素（也就是年份），最后使用join()函数将数组中的剩余元素合并为一个字符串。最终的结果是一个不包含年份的日期字符串。

请注意，在Vue3中，过滤器已被弃用，推荐使用计算属性（Computed Properties）代替。但是，如果你仍然想使用过滤器，可以像上面那样定义它们。