牛骨文教育服务平台(让学习变的简单)
博文笔记

Vue动态获取width

创建时间:2017-05-31 投稿人: 浏览次数:3234

vue里想用Bootstrap的进度条,

<div class="progress">
    <div class="progress-bar progress-bar-warning" role="progressbar"
         aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
         style="width: 20%;">
        <span class="sr-only">20%</span>
    </div>
</div>

主要是把style="width: 20%;"变成动态获取的。

:style=""width:" + percent + "%""

这样写就好了。

声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。