欺骗加载进度条,应用于无法监听接口数据传输进度的情况
template div :class$options.name el-button typeprimary clickfakeLoading开始加载/el-button el-progress stylewidth: 100%; height: 30px v-ifpercentage typeline :percentagepercentage :show-texttrue :stroke-width5 :text-insidefalse :color#409EFF :define-back-color#eee / /div /template script export default { components: {}, data() { return { interval: null, percentage: 0, }; }, created() {}, mounted() {}, beforeDestroy() { clearInterval(this.interval); }, methods: { fakeLoading({ cb } {}) { this.closeFakeLoading(); this.interval setInterval(() { if (this.percentage 99) { clearInterval(this.interval); cb cb(); } else this.percentage 1; }, 100); }, closeFakeLoading(d) { clearInterval(this.interval); this.percentage 0; }, }, }; /script模仿滴滴单车解锁的时候从0%到90%的欺骗加载动画效果https://blog.csdn.net/qq_37860634/article/details/100147738