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> 

И бросить это исключение

Что я сделал не так?

Edit:

Я работаю над 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

Что вы вывесили выглядит беспорядочный. Я бы рекомендовал переместить эту логику в вычисленное свойство.