为什么我不能用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

没有 layer 组成部分 vue-konva. 你必须使用 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>

Answer 2

是的，我的错，是v-layer，是我在这里重写时的一个错误，对不起.我用了v-layer，但没有得到预期的结果，它只显示第一个形状，并得到错误。