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

你发布的内容看起来很乱。我建议将此逻辑移动到计算属性中。