Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/459.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 加载页面后,如何插入或更新js时间戳组件?_Javascript_Vue.js_Sails.js - Fatal编程技术网

Javascript 加载页面后,如何插入或更新js时间戳组件?

Javascript 加载页面后,如何插入或更新js时间戳组件?,javascript,vue.js,sails.js,Javascript,Vue.js,Sails.js,背景:我使用SailsJS框架来显示数据模型更新的时间戳。该框架来自他们称之为“parasails”的东西,它使用Vue.js。它提供了组件来显示“几秒钟前”之类的消息,该消息会随着时间的推移自动更新。随着时间的推移,“time-since”消息将动态更新,因此它可能会说“5分钟前”。与此同时,我的项目中的基础模型可以更新,并且更新将通过WebSocket传递到浏览器。发生这种情况时,我想更新,以反映新的参考时间戳 问题:当HTML第一次加载时,parasails将元素替换为,其中包含文字“ti

背景:我使用SailsJS框架来显示数据模型更新的时间戳。该框架来自他们称之为“parasails”的东西,它使用Vue.js。它提供了
组件来显示“几秒钟前”之类的消息,该消息会随着时间的推移自动更新。随着时间的推移,“time-since”消息将动态更新,因此它可能会说“5分钟前”。与此同时,我的项目中的基础模型可以更新,并且更新将通过WebSocket传递到浏览器。发生这种情况时,我想更新
,以反映新的参考时间戳

问题:当HTML第一次加载时,parasails将
元素替换为
,其中包含文字“time-since”消息,而不是整数时间戳。据推测,parasails将该整数存储在JavaScript变量中。我曾尝试使用JQuery插入一个新的
,但parasails并不流行。标记保留在DOM中,但不会使用“time-since”消息进行更新。我可以从
js timestamp
组件中看到,当时间戳小于24小时时,它使用
时刻(this.at).fromNow()
来获取“time-since”消息,但是如果我使用该时间戳并手动替换文本,它将不再随着时间的推移自行更新


问题:更新时间戳的正确方法是什么,以便parasails(或Vue.js或其他)随着时间的推移继续更新消息?

事实证明,我可以在与页面关联的JavaScript中定义一个变量,并将
js timestamp:at
属性设置为变量名称,而不是整数文本。然后,当变量更新时,页面也会更新

与此相反:

<js-timestamp :at="1573487792252">

我现在用这个:

<js-timestamp :at="model.updatedAt">