Vue-Tables-2: Как передать настраиваемый фильтр VueJS?

Как применить фильтр VueJS (т.е. {{ price | currency }}) к данным, отображаемым с помощью vue-tables-2?

Я безрезультатно пытался поиграть со слотами на одном из демонстрационных столов: https://jsfiddle.net/jfa5t4sm/11/

Это немного раздражает, поскольку «настраиваемые фильтры» означают разные вещи в разном контексте, поэтому поиск в документах не приносит плодов.

У кого-нибудь есть идеи?

vuejs2 filtering vue-tables-2

Joshua Swiss 30.11.2017 источник

arrow_upward
2
arrow_downward

Поскольку это слот с ограниченной областью видимости, вы должны получить доступ к значению через объект props и дать ему правильное slot имя.

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

Steven B. 30.11.2017

comment

Очевидно, мне нужен кофе. Спасибо! - Joshua Swiss; 30.11.2017