vue.js - 为什么我不能使用 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 层，当我在这里重写时是一个错误，对不起。我使用了 v-layer，它没有得到预期的结果，它只显示第一个形状并得到错误。