求vue带百分比的进度条实例

2020-03-31 06:54:01 1.6k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

vue实现环形百分比进度条组件参考网上的一些环形百分比进度展示，加了一些拓展属性~ 下面为两个调用的实例效果~ icon组件为另外封装的，可自行删除修改组件调用 <radial-indicator percentNum="87" speed="3" size="155" color="#8abf50" @animationFinished="animationFi... 阅读详情

折腾半天还是没有弄出来，不知道问题出在哪里。
期待有这方面经验的朋友，能够提供相关的实例或资料

...全文

构建高可用CephFS NFS网关：NFS-Ganesha与RADOS集群的深度整合本文详细介绍了如何构建高可用的CephFS NFS网关，通过NFS-Ganesha与RADOS集群的深度整合，实现高效文件共享。文章涵盖核心架构、部署实战、性能调优及避坑指南，帮助用户解决Ceph客户端兼容性问题，提升存储访问效率。特别强调高可用设计，确保服务稳定性，适用于金融、电商等高要求场景。阅读详情

aierda

JavaScript 87,983 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

ZionHH 2020-04-01

打赏
举报

axios onUploadProgress

Hello World, 2020-04-01

打赏
举报

百度“vue带百分比的进度条”就有了

console.log( ) 2020-04-01

打赏
举报

你不用组件的吗或者找js写的

「已注销」 2020-04-01

打赏
举报

uploadImg() {
            let file = document.getElementById("upload").files[0];
            if (file.size > 1024000) {
                this.$message.warning("图片不可大于1M");
                return;
            }
            var formdata = new FormData();
            formdata.append("im", file);
            this.all_loading = true;
            this.axios
                .post("api/upload_img", formdata, {
                    onUploadProgress: progressEvent => {
                        var complete =
                            (((progressEvent.loaded / progressEvent.total) * 100) | 0) + "%";
                        this.progress = complete;
                        if (complete == "100%") {
                            this.all_loading = false;
                        } else {
                            this.all_loading = true;
                        }
                    }
                })
                .then(res => {
                    if (res.data.code == 1) {
                        let url;
                        if (process.env.NODE_ENV == "development") {
                            url = `http://127.0.0.1:8888/${res.data.data}`;
                        } else {
                            url = `http://118.31.108.19/${res.data.data}`;
                        }
                        this.all_loading = false;
                        var range = this.$refs.editor.quill.getSelection(true);
                        var index = range.index + range.length;
                        this.$refs.editor.quill.insertEmbed(range.index, "image", `${url}`);
                    }
                });
        }

求vue带百分比的进度条实例

相关推荐