Vue Konva,动态创建阶段

时间:2021-07-29 11:03:08

标签: svg vue-konva

有没有办法创建 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>

1 个答案:

答案 0 :(得分: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>