Radio-group选中了在按钮底下打个勾

要在 el-radio-group 中选中的按钮底下显示勾号，可以使用伪元素和 CSS 样式来实现。以下是一种可能的方法：

HTML 结构：

<el-radio-group v-model="selectedOption" class="custom-radio-group">
  <el-radio-button :label="option1">Option 1</el-radio-button>
  <el-radio-button :label="option2">Option 2</el-radio-button>
  <!-- 其他选项... -->
</el-radio-group>

CSS 样式：

.custom-radio-group .el-radio-button.is-checked {
  position: relative;
}

.custom-radio-group .el-radio-button.is-checked::after {
  content: '\2713'; /* 使用 Unicode 编码表示勾号 */
  position: absolute;
  bottom: -4px;
  right: -4px;
  color: #fff;
  background-color: #409eff; /* 勾号背景颜色 */
  border-radius: 50%;
  padding: 2px;
}

在上述代码中，我们为选中的 el-radio-button 添加了一个伪元素 ::after，使用 Unicode 编码 '\2713' 表示勾号。然后通过设置 position: absolute;、bottom、right 等属性来控制勾号的位置。你可以根据需要自定义颜色、大小和位置等样式属性。

通过以上代码，你可以在 el-radio-group 中选中的按钮底下显示勾号。希望对你有所帮助！如果你还有其他问题，请随时提问。