问题:在做项目时,我们经常会遇到,通过某个点击事件或其他事件时更新了某项数据,但是通过异步获取更新后的数据时,会发现通过普通监听事件的列的数据又变成了未处理状态。(例如:时间戳的转换)这时,我们需要Vue的深度监听事件,以上一篇文章为例( https://blog.csdn.net/weixin_42342164/article/details/103037592 ),其他事件需要异步请求刷新界面时,时间就变成了时间戳。

解决方法:Vue的深度监听。(以上一篇文章为基础,进行小改动即可)

1.查看Vue的基本项是否有没有

Vue下如何实时监控数据的变化,当数据发生改变时立即调用处理函数?

2.检查javaScript内的代码声明。需要var  app 在new Vue内声明el,data,methods。以及数据监听watch的书写。

Vue下如何实时监控数据的变化,当数据发生改变时立即调用处理函数?

3.methods内的时间戳转换为正常日期的函数。

Vue下如何实时监控数据的变化,当数据发生改变时立即调用处理函数?

4.时分秒部分的转换

var hour = date.getHours();
var minutes = date.getMinutes();
var second = date.getSeconds();                    
hour = hour < 10 ? "0" + hour : hour;
minutes = minutes < 10 ? "0" + minutes : minutes;
second = second < 10 ? "0" + second : second;

 

 

 

 

相关文章:

  • 2022-12-23
  • 2022-02-20
  • 2022-12-23
  • 2021-11-23
  • 2021-06-12
  • 2022-12-23
  • 2021-04-27
  • 2022-12-23
猜你喜欢
  • 2021-11-17
  • 2021-11-17
  • 2022-12-23
  • 2023-03-06
  • 2022-12-23
  • 2022-12-23
  • 2021-11-17
相关资源
相似解决方案