vue3时间不动态显示?

页面上的时间不是动态显示的,而是每刷新一次更新一次,怎么让它实时动态显示啊!应该怎么改

img


<script>
  import {
    ref,
    reactive,
    watchEffect
  }
    from 'vue';

  export default {
    setup() {
      const datetime = reactive({ nowTime: '' });
      const popoverCode = ref('');
      const visible = ref(false);
      const isOnline = ref(true);

      const change = () => {
        // 修改按钮
      };

      const cancel = () => {
        // 删除按钮
      };

      const updateNetworkStatus = () => {
        isOnline.value = navigator.onLine;
      };

      const getTime = () => {
        const myDate = new Date();
        const myYear = myDate.getFullYear();
        const myMonth = myDate.getMonth() + 1;
        const myToday = myDate.getDate();
        const myHour = myDate.getHours();
        const myMinute = myDate.getMinutes();
        const mySecond = myDate.getSeconds();

        datetime.nowTime = `${myYear}${fillZero(myMonth)}${fillZero(myToday)}日&nbsp;&nbsp;${fillZero(myHour)}:${fillZero(myMinute)}:${fillZero(mySecond)}`;
      };

      const fillZero = (str) => {
        let realNum;
        if (str < 10) {
          realNum = '0' + str;
        } else {
          realNum = str;
        }
        return realNum;
      };
      watchEffect(() => {
        getTime();
      });

      // 监听在线状态
      window.addEventListener('online', updateNetworkStatus);
      window.addEventListener('offline', updateNetworkStatus);

      return {
        datetime,
        popoverCode,
        visible,
        isOnline,
        change,
        cancel
      };
      
    }

  };

写一个定时器 每一秒赋值一次就好了

【相关推荐】




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