vue computed带参数的计算属性

有时候我们在使用计算属性的时候,需要带参数,这个时候如果这样写会报错:

...

computed:{
    test: function (a) {
      return this.attr1+ ' ' + a
    }
}
...

<a>{{ test ('aaaa')}}</a>

错误会提示 test不是一个function,这是因为,计算属性要求是一个function,但是test 虽然是一个funtion 但是test ('aaaa') 已经是一个字符串了,不是一个function。这个时候我们可以用闭包:

...

computed:{
    test: function (a) {
       return function () {
          return this.attr1+ ' ' + a
        }
    }
}
...

<a>{{ test ('aaaa')}}</a>

这样 test ('aaaa')仍然是一个function

这里还要注意,计算属性如果写成箭头函数this.attr1 会undefined

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容