index.vue

<template>
  <!-- 内嵌组件 -->
  <div class="embed-module">
    <div v-for="(item, index) in contentList" :key="index">
      <componentsGroup :item1="item" :index1="index" :active="active" :storageKey="'embed-mudule'+componentIndex+'_'+goodsListIndex+'_'+index" :goodsListIndex="goodsListIndex" :componentIndex="componentIndex"></componentsGroup>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
import componentsGroup from "@/components/componentsGroup/index.vue";
import shop from "@/api/shop"
export default {
  name: "embed-module",
  props: {
    datas: {
      type: Object,
      default: {}
    },
    index1: {
      type: Number,
      default: 0,
    },
    componentIndex: {
      type: Number,
      default: 0,
    },
    active: {
      type: Number,
      default: 0,
    },
    goodsListIndex: {
      type: Number,
      default: 0,
    },
  },
  data() {
    return {
      contentList: [],
    }
  },
  components: {
    componentsGroup
  },
  computed: {
    microPageId() {
      return this.datas.componentData.microPageId;
    },
  },
  created() {
    this.init();
  },
  mounted() { },
  methods: {
    init() {
      shop.singlePageInfo({ id: this.microPageId }).then(res => {
        if (res.data.code == 200) {
          this.contentList = res.data.data.pageData ? JSON.parse(res.data.data.pageData) : [];
          console.log(this.contentList, '------------------------45')
        }
      })
    }
  }
}
</script>

<style lang="scss" scoped>
.embed-module {}
</style>