vue for循环绑定stlyle

原创于 2019-11-18 11:44:59 发布 · 472 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

javaScript

本文详细介绍了一种在VUE中实现动态进度条的方法，通过使用v-for指令遍历barList数组，为每一个进度条元素设置不同的百分比，并通过内联样式动态调整宽度，实现了进度的实时更新。

 <div class="divBar" v-for="(item, index) in barList">
                    <div :id="item.processId" class="myProgress">
                        <div :id="item.barId"   class="bar" :style='{width:""+item.percent+""}'>{{item.percent}}</div>
                    </div>
                </div>

注意：

style后每个属性这里有两个双引号