vue怎么在一个按钮的右下角添加有加号

可以使用CSS中的伪元素::after来实现在按钮的右下角添加加号的效果。

首先，需要设置按钮的position为relative，这样才能对其进行定位。然后通过设置按钮的宽度和高度来确定按钮的大小。

接下来，使用伪元素::after来创建一个相对于按钮定位的元素，并设置它的content为"+"，并对其进行样式设置，例如设置背景颜色、大小、圆角等。

最后，通过设置伪元素的定位来将其放置在按钮的右下角，可以使用bottom和right属性来控制其位置。

以下是示例代码：

HTML:

<button class="add-btn"></button>

CSS:

.add-btn {
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #0080ff;
}

.add-btn::after {
  content: "+";
  position: absolute;
  bottom: -10px;
  right: -10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  color: #0080ff;
}

这样就可以在按钮的右下角添加一个加号了。