vue循环v-for遍历图表

循环遍历图表

index.vue主页面

复制代码
  <view v-if="powerPage">
        <view v-for="(item, index) in powerDetailsData.addMap" :key="index">
          <PowerEChartsCity
            :echartData="powerDetailsData.addMap[index]"
          ></PowerEChartsCity>
        </view>
      </view> 

子页面子组件

复制代码
  props: {
    echartData: {
      type: Array,
      default: () => {
        return [];
      },
    },
  },


  watch: {
      echartData: {
        handler(newValue, oldValue) {
         this.echartDataList=newValue;
          this.echart();
        },
      },
      deep: true,
      immediate: true,
    },
相关推荐
木头没有瓜几秒前
vscode离线安装插件
ide·vue.js·vscode
伍哥的传说44 分钟前
鸿蒙系统(HarmonyOS)应用开发之手势锁屏密码锁(PatternLock)
前端·华为·前端框架·harmonyos·鸿蒙
yugi9878381 小时前
前端跨域问题解决Access to XMLHttpRequest at xxx from has been blocked by CORS policy
前端
浪裡遊1 小时前
Sass详解:功能特性、常用方法与最佳实践
开发语言·前端·javascript·css·vue.js·rust·sass
旧曲重听12 小时前
最快实现的前端灰度方案
前端·程序人生·状态模式
默默coding的程序猿2 小时前
3.前端和后端参数不一致,后端接不到数据的解决方案
java·前端·spring·ssm·springboot·idea·springcloud
夏梦春蝉2 小时前
ES6从入门到精通:常用知识点
前端·javascript·es6
归于尽2 小时前
useEffect玩转React Hooks生命周期
前端·react.js
G等你下课2 小时前
React useEffect 详解与运用
前端·react.js
我想说一句2 小时前
当饼干遇上代码:一场HTTP与Cookie的奇幻漂流 🍪🌊
前端·javascript