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

Question

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

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

vue是2.0版本的。

Answer 1

Vue 2.x 中，过滤器只能在 mustache 绑定和 v-bind 表达式（从 2.1.0 开始支持）中使用，因为过滤器设计目的就是用于文本转换。为了在其他指令中实现更复杂的数据变换，你应该使用计算属性。

<!-- in mustaches -->
{{ message | capitalize }}
<!-- in v-bind -->
<div v-bind:id="rawId | formatId"></div>

来自官方的文档

Answer 2

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

试一下。我试了没问题。

---

失误了，抱歉，用的v2.1.8版本的。

Answer 3

2.0版本是不支持v-bind中使用过滤器的，2.1版本才支持。

https://vuejs.org/v2/guide/sy...

Answer 4

建议用computed或者methods替换过滤器的使用

Answer 5

v-text里就不能使用 ReferenceError: time is not defined 老报未定义的错误！