Vue.js 通过konva绘制要在画布中显示的形状

我想使用vue.js中的konva绘制要在画布中显示的形状，因此我在矩形数组中存储了一些需要绘制的矩形，但没有绘制任何东西

<template>
<div>
  <Button id="b1" @click="promp()" style="background:url(/squ.png)"></Button>
  <canvas id="myCanvas" width="500" height="600" style="border:1px solid #000000;" @click="detectclick($event)">
      <v-rect
          v-for="item in rectangles"
          :key="item.id"
          :config="item"
          @transformend="handleTransformEnd($e,rectangles)"
        />
        <v-transformer ref="transformer" />
  </canvas>
 
  </div>
</template>

---

您不能将

vue konva

组件放入

元素中

所有

vue konva

组件都设计为仅在