Vue: New v-bind:class doesn't support filters?

[slmjkdbtl]

<el v-bind:class="{ 'className': prop | filter }"></el>

filter: function(val) {
    return true;
}

it works in 0.12.15. Not working in 1.0.0-beta.1

[arrilot]

I'm pretty sure that was never meant to work this way. What's the point in filtering a boolean?

[yyx990803]

All directives in 1.0 takes a single JavaScript expression. So { className: prop } is an object literal - you cannot use the filter syntax inside JavaScript expressions. You can only add filters at the end of the while directive:

<el v-bind:class="{ className: prop } | filter"></el>

So the filter would need to process the object instead of a string.

Also, it's recommended to use computed properties when a binding value gets complicated.

[simplesmiler]

I will add, that you can use methods v-bind:class="{ className: myMethod(prop) }" to achieve something similar to the desired syntax.

[isometriq]

I had to use $forceUpdate() for the bindings to apply during runtime