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>

Vue Konva，动态创建阶段

Vue Konva, create stages dynamically

svg

vue-konva