Vue.js 如何以百分比设置 block 宽度，具有百分比变量？

Question

我试图将其表示为字符串变量并将样式设置为宽度，但没有任何效果。

   data(){
            return{
                statusNew: this.status,
                progress: this.initial,
            }
        },

v-bind:stylestyle="{ 'width' : '${progress}%', }"

Answer 1

您可以按如下方式进行:

<div :style="{width: progress+'%'}"></div>

这里有一个 fiddle :https://jsfiddle.net/zecka/n8shdx13/