完竣世界 - 专注数据大屏可视化

    • 首页
    • 数据大屏
    • AE动画
    • echarts
      • echarts 3D地图
      • echarts地图
      • echarts折线图
      • Echarts柱状图
      • echarts雷达图
      • echarts饼状图
    • 字体
    • 动态图标
200个酷炫的数据可视化大屏总有一款适合你(含演示实例),30款 vue3 数据可视化大屏登录页下载

vue 计算列表内的数值占比

vue 5年前 (2021-12-04)

vue 计算列表内的数值占比

  computed: {
    list2: function () {
      let total = 0
      var list2 = this.list;
      var list = []
      this.list.forEach((type) => {
        total = total + type.value
      });
      list2.forEach((type) => {
        var data = {
          value: type.value,
          percentage: Number((type.value / total) * 100).toFixed(2),
          label: type.label
        }
        list.push(data)
      });
      return list
    }
  },
喜欢
vue
vue tab点击切换组件 vue Echarts 饼状图组合模板
  • vue vite 序列帧动画报错了
    vue vite 序列帧动画报错了
  • 如何在本地打开vue打包后的项目dist
    如何在本地打开vue打包后的项目dist
  • vue项目如何调试运行以及编译打包
    vue项目如何调试运行以及编译打包
  • vue2项目webpack4和webpack5配置
    vue2项目webpack4和webpack5配置
  • vue vite 项目打包Referer丢失
  • vue3实现点线粒子效果
  • vue3 vue-draggable-resizable-gorkys 拼接导出
  • vue3项目中使用vue-draggable-resizable-gorkys报错
  • 使用nodejs解决图片跨域问题
  • vue禁止打开开发工具并跳转到指定页面
  • element-plus table筛选功能改为自定义筛选
  • better-scroll横向滚动动态宽度解决办法

微信

联系微信:17628296870
微信

文章推荐

  • echarts 伪3d圆柱体堆叠柱状图
  • blender取消启动画面
  • echarts哈尔滨市南岗区geoJson地图根据经纬度显示自定义html弹窗演示实例
  • echarts安阳市内黄县geoJson地图点击弹出自定义弹窗代码演示
  • moment 获取这个月有多少天
  • vue-baidu-map设置百度地图类型 普通地图 混合地图 卫星地图
  • uniapp的radio的大小可以调整吗
  • An error occurred in hook getInspectorState registered by plugin org.vuejs.vue2-internal
  • uniapp uview Image图片组件
  • element-plus table筛选功能改为自定义筛选

近期文章

  • ae使用saber实现黑洞传送效果
  • aePlexus粒子科技小球
  • ae实现雷达扫描的效果
  • 国内可以使用的GPT Image-2 的平台
  • ae使用BOA实现扭曲效果
  • ae使用Optical Flares实现光线效果
  • ae实现魔法阵特效制作
  • ae使用stardust实现粒子球效果
  • ae使用Trapcode Form实现粒子背景
  • ae使用particular实现向上飘动的循环粒子动效
Copyright © 2019-现在 完竣世界 版权所有 冀ICP备11019094号 冀公网安备13112502001077号
记录数据可视化大屏开发、vue开发、前端项目开发中遇到的问题笔记