Vue-Tables-2: Wie übergebe ich einen benutzerdefinierten VueJS-Filter?

Question

Wie würde man einen VueJS-Filter (d. H. {{ price | currency }}) auf Daten anwenden, die mit vue-tables-2 angezeigt werden?

Ich habe versucht, um mit Schlitzen mit einem der Demo-Tabellen ohne Erfolg spielen: https://jsfiddle.net/jfa5t4sm/11/

Das ist ärgerlich ein bisschen, wie verschiedene Dinge bedeuten ‚benutzerdefinierte Filter‘ in anderem Zusammenhang, so die Dokumentation der Suche nicht Lager Obst.

Wer hat Ideen?

Answer 1

Da es sich um einen Bereichs-Steckplatz handelt, müssen Sie auf den Wert über das Objekt props zugreifen und ihm den korrekten Namen slot geben.

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

Working JsFiddle