vue konva在每个rect添加lable

要在Konva的Rect元素上添加Label，可以使用Konva的Group元素来组合Rect和Label。以下是一个简单的示例代码：

// 创建Konva舞台和层
var stage = new Konva.Stage({
  container: 'container',
  width: window.innerWidth,
  height: window.innerHeight
});

var layer = new Konva.Layer();
stage.add(layer);

// 创建Rect和Label
var rect = new Konva.Rect({
  x: 50,
  y: 50,
  width: 100,
  height: 50,
  fill: 'red'
});

var label = new Konva.Label({
  x: 50,
  y: 50
});
label.add(new Konva.Text({
  text: 'Label Text',
  fontSize: 18,
  fontFamily: 'Calibri',
  fill: 'white'
}));

// 创建包含Rect和Label的Group
var group = new Konva.Group();
group.add(rect);
group.add(label);

// 将Group添加到层中
layer.add(group);

// 将层绘制到舞台上
layer.draw();

在上面的代码中，我们创建了一个Konva的Rect元素和一个Label元素，然后将它们添加到一个Konva的Group元素中。最后，将包含Rect和Label的Group添加到Konva的层中，并将层绘制到Konva的舞台上。

这样，就可以在每个Rect上添加Label了。如果需要在多个Rect上添加Label，只需将上述代码复制粘贴并更改Rect和Label的属性即可。