Vue动态获取width

vue里想用bootstarp的进度条，<div class="progress"><div class="progress-bar progress-bar-warning" role="progressbar"aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"style="width:

zxzxdw

17166人浏览 · 2017-05-31 16:41:31

zxzxdw · 2017-05-31 16:41:31 发布

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 + '%'"

这样写就好了。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^