vue用fake-progress实现假进度条

公司业务想要一个假的进度条，但是又不是随机数的，需要请求返回后进度条满，所以就找找资料找到了一个三方插件，比较好用fake-progress.js

1.首先先下载依赖

npm i fake-progress//我的是1.0.4版本

2.下载好依赖后，在你需要用的页面引入该依赖

import FakeProgress from 'fake-progress'

3.在vue的data()中实例一个新对象，并且配置方法

data(){
    return{
        fake: new FakeProgress({
            timeConstant: 50000,  //timeConstant相当于分母，分母越大则加的越少
            autoStart: true //自动开始
        })
    }
}

4.使用进度条插件，我这里用的elementui的插件，el-progress，值那里一定要用parseint转一下

//值是一个0.4567754这种的小数，所以需要✖️100
<el-progress type="circle" :percentage="parseInt(fake.progress * 100)" />

5.最后就是在你对应的方法中调用他的开始和关闭的方法就好了，关闭方法调用后，进度条会直接到100，在没有关闭前，进度条会一直慢慢增长，永远不会满。

//开始时调用
this.fake.progress = 0 //每次先归零
this.fake.start() //手动开始

//结束时调用
that.fake.end()