vue加载页面实时显示判断是上午下午还是晚上

一直都在路上...

于 2020-07-09 17:27:02 发布

阅读量1.5k

点赞数 3

分类专栏： vue 文章标签： vue java css web javascript

本文链接：https://blog.csdn.net/itxiaobaiyige/article/details/107233697

版权

vue 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个基于Vue.js的时间问候组件实现，该组件能够根据当前时间显示不同的问候语，如上午好、下午好或晚上好，为用户提供个性化的交互体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入代码片
<div class="goodmaoing">{{ noontip }}  !</div>

 data() {
    return {
      noontip: '', // 上下午提示
      }

 created() {
    this.mynoontip()
  },
methods: {
    mynoontip() {
      const that = this
      const date = new Date()
      if (date.getHours() >= 0 && date.getHours() < 12) {
        that.noontip = '上午好'
      } else if (date.getHours() >= 12 && date.getHours() < 18) {
        that.noontip = '下午好'
      } else {
        that.noontip = '晚上好'
      }
    },
}
``