vue 获取当前时间下午7点

在Vue.js中获取当前时间并设置为下午7点，你可以使用JavaScript的Date对象结合模板语法来实现。下面是一个简单的例子：

<template>
  <div>
    <p>当前时间（下午7点）：{{ currentTime }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentTime: '下午07:00'
    };
  },
  mounted() {
    this.currentTime = this.formatTime(new Date());
  },
  methods: {
    formatTime(date) {
      const hours = date.getHours(); // 获取小时数
      if (hours > 12) { // 如果超过12点
        hours -= 12; // 转换为24小时制
      }
      const formattedTime = `${hours < 10 ? '0' : ''}${hours}:${date.getMinutes() < 10 ? '0' : ''}${date.getMinutes()}`; // 格式化时间
      return `${formattedTime} ${hours >= 12 ? '下午' : '上午'}`
    }
  }
}
</script>

在这个例子中，我们在`mounted`生命周期钩子中更新`currentTime`属性，并在`formatTime`方法中将日期转换为下午7点的格式。