Fatal编程技术网
  • javascript/
  • Javascript Vue 2如果倒计时计时器达到零，则隐藏整个组件

Javascript Vue 2如果倒计时计时器达到零，则隐藏整个组件

javascript vue.js

Javascript Vue 2如果倒计时计时器达到零，则隐藏整个组件,javascript,vue.js,vue-component,Javascript,Vue.js,Vue Component,所以我在用定时器制作横幅。但是我想在计时器达到0时隐藏整个组件。以下是我目前的情况： banner.vue {{discountValue}}折扣%off 你的第一个月 {{天|两位} 天 : {{小时数|两位} 小时 : {{分钟|两位} 会议记录 : {{秒|两位} 秒 使用代码： {{discountCode}} 导出默认值{ 名称：“DealBanner”， 道具：[“折扣值”、“日期”、“折扣代码”]， 过滤器：{ 两位数字（值）{ 返回值.toString（）.lengthmoun

所以我在用定时器制作横幅。但是我想在计时器达到0时隐藏整个组件。以下是我目前的情况：

banner.vue


{{discountValue}}折扣%off
你的第一个月
{{天|两位}
天
:
{{小时数|两位}
小时
:
{{分钟|两位}
会议记录
:
{{秒|两位}
秒
使用代码：
{{discountCode}}
导出默认值{
名称：“DealBanner”，
道具：[“折扣值”、“日期”、“折扣代码”]，
过滤器：{
两位数字（值）{
返回值.toString（）.length
mounted:function（）{
设置间隔（（）=>{
this.now=Math.trunc（new Date（）.getTime（）/1000）；

this.expired=this.modifiedDate如果您只是想在html中隐藏它，您可以使用动态css或类绑定。@securisec如果您能提供一个很好的示例，我只想在计时器达到零时隐藏整个组件。好的，我已经尝试过了，但是如果我将计时器设置为2月23日，计时器将变为负数组件不会隐藏。我会在重新编写计时器ai时更新代码，我会再次更新问题。虽然此代码可能会为OP的问题提供解决方案，但强烈建议您提供有关此代码回答问题的原因和/或方式的附加上下文。从长远来看，仅代码回答通常是无用的因为未来遇到类似问题的观众无法理解解决方案背后的原因。我忘记了函数中的
运算符。更新了我的答案

<DealBanner discountValue="20" date="April 15, 2020 12:00" discountCode="Release" />