class="className {{ className }}" cause duplicated result

[misaka42]

source:

<div class="icon icon-{{test}}"></div>

expect:

<div class="icon icon-test"></div>

result:

<div class="icon icon- icon-test"></div>

here's the code:

https://jsfiddle.net/10ons60y/

是我的使用姿势不对吗 (:3」∠)

[ludo237]

That's an interesting behaviour, looking forward to some fix

[smolinari]

Interesting it hasn't been found sooner. Good catch.

Scott

[billcolumbia]

<div :class="['icon', 'icon-' + test]"></div> - Class Bindings - Array Syntax

[smolinari]

Nice Bill. Thanks for the solution.

Still, the binding of "test" shouldn't cause "icon-" to be inserted twice, should it?

Scott

[billcolumbia]

@smolinari I would say no. Judging by docs, I just went along with the two default ways to bind classes. Always assumed that interpolation in any attribute value wouldn't work without prefixing with v- or :.

[smolinari]

Cool. @pespantelis looks to have figured out the issue. Nice work Pantelis. 👍

Scott

[pespantelis]

Thanks @smolinari 😃