vue - computed 简单应用

vue - computed 简单应用,第1张

使用computed计算,无需在data中再次定义

用法一:
computed:{
    endTime : {
      get(){
        let a = moment(`${this.date} ${this.startTime}`).format('YYYY-MM-DD HH:mm:ss')
        let endTimeCalc = moment(a).add(this.duration,'minutes').format("HH:mm")
        return endTimeCalc
      },
      set(val){
        this.endTime = val
      }
    },
   
  },
用法二:
computed:{
    form () {
      return {
        title: this.title,
        mark: this.mark,
        date: this.date,
      }
    },
     repeatVal() {
      if (this.repeat == "Daily")
        return "Day"
      else if (this.repeat == "Weekly")
        return "Week"
      else if (this.repeat == "Monthly")
        return "Month"
      else if (this.repeat == "Yearly")
        return "Year"
      else
        return "Day"
    },
  },

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1320992.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-11
下一篇 2022-06-11

发表评论

登录后才能评论

评论列表(0条)

保存