Vue-Tables-2:如何传递VueJS自定义过滤器?

时间:2017-11-30 14:02:21

标签: vuejs2 filtering vue-tables-2

如何将VueJS过滤器(即{{ price | currency }})应用于使用vue-tables-2显示的数据?

我尝试使用其中一个演示表来使用插槽无效:https://jsfiddle.net/jfa5t4sm/11/

这有点令人讨厌,因为“自定义过滤器”在不同的上下文中意味着不同的东西,因此搜索文档并没有结果。

有人有想法吗?

1 个答案:

答案 0 :(得分:1)

由于它是一个范围内的广告位,您必须通过props对象访问该值,并为其指定正确的slot

  <template slot="price" scope="props">
    <div>
      <p>{{ props.row.price | currency }}</p>
    </div>
  </template>

Working JsFiddle