computed中函数传参(利用闭包)

这样会报错

复制代码
          <p :class="today(index)?'active':''">{{date[defaultWeekIndex].date[index]}}</p>



  computed: {
    today(index) {
      const { defaultWeekIndex, date } = this
      return (
        +date[defaultWeekIndex].date[index] === new Date().getDate() &&
        +date[defaultWeekIndex].label.slice(5, 7) === new Date().getMonth() + 1
      )
    }
  }
复制代码

today中返回一个函数就可以了:

复制代码
  computed: {
    today() {
      return function (index) {
        const { defaultWeekIndex, date } = this
        return (
          +date[defaultWeekIndex].date[index] === new Date().getDate() &&
          +date[defaultWeekIndex].label.slice(5, 7) ===
            new Date().getMonth() + 1
        )
      }
    }
  }
复制代码

  此时,template中的index就传入today函数中了

 

推荐:闭包的实际应用

 

posted @   吴小明-  阅读(293)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
点击右上角即可分享
微信分享提示