vue的属性中怎样使用过滤器？

Question

<img :src="v.pic|mypic"/>

我发现只要在属性中使用过滤器就会报错，有什么办法解决？

vue是2.0版本的。

Answer 1

Vue 2.x 中，过滤器只能在 mustache 绑定和 v-bind 表达式（从 2.1.0 开始支持）中使用，因为过滤器设计目的就是用于文本转换。为了在其他指令中实现更复杂的数据变换，你应该使用计算属性。<!--&nbsp;in&nbsp;mustaches&nbsp;-->{{&nbsp;message&nbsp;|&nbsp;capitalize&nbsp;}}<!--&nbsp;in&nbsp;v-bind&nbsp;--><div&nbsp;v-bind:id="rawId&nbsp;|&nbsp;formatId"></div>来自官方的文档