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

Closed
adriaanzon opened this Issue Dec 8, 2016 · 1 comment

Projects

None yet

2 participants

@adriaanzon

Vue.js version

2.1.x

Works fine in 2.0.x

Reproduction Link

https://jsbin.com/fuxitojugu/edit?html,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 /.

@LinusBorg
Member

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