VUE中 将new Date 转为 YYYY-mm-dd格式

在Vue中，可以使用过滤器来将日期格式化为YYYY-mm-dd格式。以下是一个示例：

首先在Vue中定义一个过滤器：

Vue.filter('dateFormat', function (date) {
  if (!date) return ''
  return moment(date).format('YYYY-MM-DD')
})

然后在模板中使用该过滤器：

<template>
  <div>
    <p>{{ date | dateFormat }}</p>
  </div>
</template>

这里使用了moment.js库来格式化日期。如果您不想使用这个库，可以使用JavaScript内置的日期对象来格式化日期。以下是一个使用JavaScript内置日期对象的示例过滤器：

Vue.filter('dateFormat', function (date) {
  if (!date) return ''
  const d = new Date(date)
  const year = d.getFullYear()
  const month = ('0' + (d.getMonth() + 1)).slice(-2)
  const day = ('0' + d.getDate()).slice(-2)
  return `${year}-${month}-${day}`
})

注意，这个过滤器假定传入的日期是一个字符串。如果您传入的是Date对象，请修改过滤器以适应这种情况。