vue.js - 条件とカスタムフィルタ

Question

私は3つの条件を使用して、ブートストラップを含むツールチップに複数のテキストを表示しようとしています。

<span class="icon icon-info" 
    data-toggle="tooltip-click" 
    data-placement="right" 
    data-trigger="focus hover" 
    v-bind:data-original-title=" 
    condition1 ? 
     condition2 ? 
      'some.key.id' | customFilter : 'some.key.id2' | customFilter 
    : 
     condition3 ? 
      'some.key.id3' | customFilter : 'some.key.id4' | customFilter 
    " 
    data-html="true"> 
</span> 

そして、それは私が間違って何をしました

この例外をスロー？

編集：

私はVueJs 1に取り組んでいる、と私は、customFilterは個別にも

<span class="icon icon-info" 
    data-toggle="tooltip-click" 
    data-placement="right" 
    data-trigger="focus hover" 
    v-bind:data-original-title="'some.key.id' | customFilter" 
    data-html="true"> 
</span> 

Answer 1

を働いている私はあなたがVueの2を使用しているかはわからないが、あなたはその後、ある場合にはそれはカスタムフィルタを使用してから離れて移動している、チェックアウト：

https://vuejs.org/v2/guide/migration.html#Filters

あなたはルックスを投稿何汚い。このロジックを計算されたプロパティに移動することをお勧めします。