Filter not recognized when filtered value contains a '/' #4415

adriaanzon opened this Issue Dec 8, 2016 · 1 comment


None yet

2 participants


Vue.js version


Works fine in 2.0.x

Reproduction Link,console,output

Steps to reproduce

Divide a number using the / operator, then apply a filter to it.

{{ price / 100 | currency }}

What is Expected?

This divided number gets filtered, just like with other arithmetic operators.

What is actually happening?

Get this error:

"[Vue warn]: Property or method "currency" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option.

"currency" is the name of the filter here, but it got recognized as a property or keyword, not as a filter.

I think, as of this commit 38b8cfd, the expression gets recognized as a regular expression because it contains a /.


As a quick workaround: {{ (price / 100) | currency }}works.

@yyx990803 yyx990803 closed this in b141c69 Dec 8, 2016
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment