vue 中使用v-text绑定数据时使用过滤器报错，使用{{}}不报错。

Question

<div class="item-total">

                                Item total: <span class="total-price" v-text="totalPrice | unitFilter2('元')"></span>

</div>

这样写报“unitFilter2 is not defined”

<div class="item-total">

                                Item total: <span class="total-price">{{totalPrice | unitFilter2('元')}}</span>

</div>

这样写正确

但我在网上查询说{{}}是v-text的简写，这是什么原因呢？

Answer 1

错误和v-text无关，是vue2.0不让在插值表达式和v-bind外的地方使用管道。Filters can now only be used inside text interpolations ({{}} tags).  In the past we've found using filters with directives such as v-model, v-on etc.  led to more complexity than convenience, and for list filtering on v-for it is more appropriate to move that logic into JavaScript as computed properties.