vue计算属性computed传参方法

如题,如果直接这样去传参到computed里面的话,是报错的。

:data="carCount(mes)"

computed: {
 carCount (mes) {
   return XXXX
 }
}

但是有时候确实有这种需求,需要动态传个参给computed里面去计算,那可以用闭包去实现,如下:

:data="carCount(mes)"

computed: {
 carCount() {
   return function (mes) {
        /** do something */
         return data
    }
 }
}

不要认为 这里data 赋值不了给 :data

这里是return 一个 匿名函数, 实际 :data 绑定的是这个匿名函数, data 是可以return 的!

关于 能否触发缓存结果,我做了一个试验

{{cacheSome('a')}}

cacheSome () {
  return function (a) {
    return Date.now() + 'a'
  }
}

应该也是能起到触发缓存的结果

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值