小程序filter在class中报错问题

Question

问大家一个问题！

<view :class="'item ' + (item.create_time,today | GetNumberOfDays>0 ? 'bg-green light' : 'bg-white')"

这块用了filter函数 但是放到class或者style里面就会报错。这个场景应该挺多的。这个怎么解决？

Answer 1

在 Vue.js 中，在模板中只能使用表达式，不能使用函数。因此您不能直接在 :class 的值中调用过滤器。
可以在组件的计算属性中使用过滤器，然后将该值绑定到模板的 :class 中。例如：

computed: {
  itemClass: function () {
    return 'item ' + (this.item.create_time, this.today | GetNumberOfDays > 0 ? 'bg-green light' : 'bg-white');
  }
}