Vue.js bind with es6 template string

Question

Why can't I use es6 template-string with vue.js v-bind:style

this works:

<div :style="{transform:'translate('+x+'px,'+y+'px)'}">

but this silently fail:

<div :style="{transform:`translate(${x}px,${y}px)`}">

(I'm of course aware with es6 browser compatibility an use browser supporting template string)

Yukulélé · Accepted Answer · 2016-02-18 19:14:15Z

5

template string was not supported by vue.js, I open an issues, it will be fixed

answered Feb 18, 2016 at 19:14

Yukulélé

17.4k12 gold badges78 silver badges105 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1