vue 修改表格里Date格式

在 Vue 中修改表格里的日期格式，可以使用 moment.js 库来格式化日期。具体步骤如下：

1. 安装 moment.js 库

在终端输入以下命令：

npm install moment --save

2. 在组件中引入 moment.js 库

在组件中添加以下代码：

import moment from 'moment'

3. 在表格中使用 moment.js 格式化日期

在表格的模板中，使用 `v-for` 指令遍历数据，然后使用 `moment` 函数将日期格式化。

例如，如果日期数据在表格中的键名为 `date`，可以使用以下代码将其格式化为 `YYYY-MM-DD` 格式：

<template>
  <table>
    <thead>
      <tr>
        <th>Date</th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="item in items" :key="item.id">
        <td>{{ moment(item.date).format('YYYY-MM-DD') }}</td>
      </tr>
    </tbody>
  </table>
</template>

<script>
import moment from 'moment'

export default {
  data() {
    return {
      items: [
        { id: 1, date: '2021-01-01' },
        { id: 2, date: '2021-01-02' },
        { id: 3, date: '2021-01-03' },
      ],
    }
  },
  computed: {
    moment() {
      return moment
    },
  },
}
</script>

在上面的代码中，我们通过 `moment(item.date).format('YYYY-MM-DD')` 将日期格式化为 `YYYY-MM-DD` 格式。如果想要格式化为其他格式，可以参考 moment.js 的文档进行修改。

注意：在使用 `moment` 函数时，需要在组件的 `computed` 中定义一个 `moment` 计算属性，用于在模板中使用。