はどのようにvuejs

Question

このような私は v-textでフィルタを使用したい

、内のディレクティブの内側にフィルタを使用するには：

.. 
<tr v-for="item in data.data"> 
    <td v-text="item.XX | myFilter"></td> 
</tr> 

しかしmyFilter動作しません。私は{{item.XX | myFilter}}を使いたくありません。

Answer 1

the documentationあたりとして：

Vueの2.xのフィルタは口ひげバインディング内でのみ使用することができます。ディレクティブバインディング内で同じ動作を実現するには、代わりにComputed propertiesを使用してください。

あなたはそこで何をしようとしているのですか？代わりに、itemには変換された値を直接返すプロパティが必要です。

Answer 2

計算されたプロパティ+メソッドで行うことができます。 の代わりに：

<td v-text="item.XX | myFilter"></td> 

使用：

methods: { 
    myFilter(item) { 
    // your filter logic 
    } 
} 

：

<td v-text="myFilter(item.xx)"></td> 

とアドオンコンポーネントのスクリプトの一部で