почему я не могу создать один слой для слишком большого количества фигур, используя vue -konva?

Question

У меня проблема с vue -konva, я не могу создать слишком много фигур в одном слое, например:

<template>
    <v-stage :config = "stage">
        <v-layer>
            <v-circle :config = "circle1"
            />
        </v-layer>
        <v-layer>
            <v-circle :config = "circle2"
            />
        </v-layer>
    </v-stage>
</template>

, в результате я получил первую форму и ошибки:

vue.common.dev.js:630 [Vue warn]: Error in mounted hook: "TypeError: parentKonvaNode.add is not a function"
found in
---> <VArrow>
       <VCircle>... (1 recursive calls)
         <VLayer>
           <Edge>
             <VStage>
               <Anonymous>
                 <Root>

Answer 1

да, мой плохой, это был V-слой, это была ошибка, когда я переписал это здесь, извините. Я использовал v-layer, и он не получил ожидаемого результата, он показывает только первую фигуру и получает ошибки.

Answer 2

В vue-konva нет компонента layer. Вы должны использовать v-layer:

<v-stage :config = "stage">
        <v-layer>
            <v-circle :config = "{radius: 10, fill: 'blue'}"/>
        </v-layer>
        <v-layer>
            <v-circle :config = "{radius: 10, fill: 'blue'}"/>
        </v-layer>
</v-stage>