Vuejs动态 +变量

Question

我想将动态变量传递给样式：有可能的 ？？这样：我尝试这种方式，但没有用：style =“{'width'：${parseInt(100 * task.progress)}％;}“这是我的任务。

 <tr  v-for="task in tasks.data "  v-if=" task.projet_id == key "   :key="task.id">
       <td >{{ parseInt(100 * task.progress) }}% <div class="progress">
       <div class="progress-bar bg-success" role="progressbar" aria-valuenow="0" :style=" 
        {'width':`${parseInt(100 * task.progress)}`% ;}"  id="progress" 
       aria-valuemin="`${parseInt(100 * task.progress)}`" aria-valuemax="100"></div>
       </div>             
       </td>

我想将动态变量传递给样式：可能吗？像这样：我尝试这种方式，但是没有用：style =“ {'width'：$ {parseInt（100 * task.progress）}％;}”这是我的task.vue：...

Answer 1

看起来不错，除了一些语法错误：

:style="{'width': `${parseInt(100 * progress)}%`}"

Answer 2

是，可以在style中添加变量。根据您的情况，%应该放在引号内。

Answer 3

有sure is a way做您想要的事情，我为您链接了一个演示。