vue根据时间显示标题

title="白班"  :bordered="false" style="width: 100%">
title="夜班" :bordered="false" style="width: 100%">

根据时间判断，如果当前时间是白班，title就为吧白班(当前班次)，如果是夜班，就显示成夜班(当前班次)。这个怎么做才能简单一点？用的ant-design-vue

用 v-if 去控制，变量设置为你白班 夜班的 时间划分（比如白班 早8点~晚8点），用计时器去控制，或者动态刷新

v-if 判断 和v-else

根据当前时间判断 白班（早八-晚六）

<a-card :title=" 8<=new Date().getHours()<=18 ? '白班':'夜班'"  :bordered="false" style="width: 100%">

不知道你这个问题是否已经解决, 如果还没有解决的话:

• 建议你看下这篇博客👉 ：vue时间实时展示组件

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^