svg - Vue Konva，动态创建阶段

Question

有没有办法创建 N+1 个阶段？

以下是如何创建一个阶段。

<v-stage :config="configKonva">
      <v-layer>
        <v-circle
          v-for="(item2, i) in items2"
          :config="item2"
          :key="i"
          :ref="`circle_${i}`"
        ></v-circle>
      </v-layer>
    </v-stage>

Answer 1

与将循环用于<v-circle />组件的方式相同，您可以将其用于阶段：

<v-stage :config="stage.config" v-for="(stage) in stages">
      <v-layer>
        <v-circle
          v-for="(item) in stage.items"
          :config="item"
          :key="i"
        ></v-circle>
      </v-layer>
</v-stage>