vue不能这样使用模板字符串吗?

Question

Answer 1

模版字符串是js语法，不能这样写在template组件中，你可以这样写

:style="`width:${rating*2/5}rem`"

:style="{width:rating*2/5 + 'rem'}"

Answer 2

可以，是你写法错了。

:style="`{width: ${rating * 2/5}}rem}`"

Answer 3

可以的吧,官方有介绍

v-bind:style="{'width':${rating}*2/5+'rem'}"

${rating}*2/5 最好放在data数据里操作好些吧

v-bind:style="{'width':rate+'rem'}"

Answer 4

:style接收的是一个对象，键为style的属性，如果你需要使用字符串模板动态绑定，你应该这样做：

*:style="{'width':`${rating * 2/5}rem`, 'height': `${height}px`}"*

---