如何自己做网站建设,北京海淀建设工程律师推荐,互联网技术岗位有哪些,广州建设银行投诉网站在不使用echarts等第三方插件的情况下,使用Vue实现自定义的进度条占比功能,并且是多数据可选循环的
预览图效果
首先看一下获取的后端返回的数据结构,其中每一组加起来等于 22 ,也就是说如果你自己算的话也是同理,根据 占比的数值 除以 总和 =的百分比再去渲染对应占比…在不使用echarts等第三方插件的情况下,使用Vue实现自定义的进度条占比功能,并且是多数据可选循环的
预览图效果
首先看一下获取的后端返回的数据结构,其中每一组加起来等于 22 ,也就是说如果你自己算的话也是同理,根据 占比的数值 除以 总和 =的百分比再去渲染对应占比进度条图 然后就是结构代码
templatediv class="containerMain01"div id="pdfDom"div class="levalB"div class="infosDiv"divv-for="(item, key, index)