实现vue简易的进度条

h～r

于 2022-04-29 15:31:42 发布

阅读量490

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/huang123rui45/article/details/124497188

<<template>
    <div>
        <el-progress :stroke-width="20" :percentage="uploadProgress"></el-progress>
    </div>
</template>

<script>
export default {
    data(){
        return {
            uploadProgress:10 //? 进度条
        }
    },
    methods: {
        //? 上传时
        updates(){
            let time = setInterval(()=>{
                this.uploadProgress += 5
                if(this.uploadProgress == 100){
                    clearInterval(time)
                }
            })
        }
    },
}
</script>