Vue-Tables-2：如何传递 VueJS 自定义过滤器？

Question

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

我尝试使用其中一张演示桌玩老虎机，但无济于事：https://jsfiddle.net/jfa5t4sm/11/

这有点烦人，因为 'custom filters' 在不同的上下文中表示不同的意思，所以搜索文档没有结果。

有人有想法吗？

Answer 1

由于它是一个作用域槽，您必须通过 props 对象访问该值并为其指定正确的 slot 名称。

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

Vue-Tables-2: How to pass a VueJS custom filter?