element-ui单选框按钮的样式改成勾勾

要将 Element UI 单选框样式改成勾勾，可以使用自定义图标的方式实现。

首先，需要在需要使用单选框的组件中添加以下代码导入 Element UI 的样式：

<style lang="scss">
  @import "~element-ui/packages/theme-chalk/src/radio.scss";
</style>

然后，在单选框组件中添加 `label` 属性，并且设置为需要显示的文本或者空字符串，例如：

<el-radio label="" v-model="radio">Option</el-radio>

接着，在 `mounted` 钩子函数中，使用 `icon` 属性将单选框的样式改为勾勾：

mounted() {
  this.$nextTick(() => {
    const radio = document.querySelector(".el-radio__inner");
    radio.innerHTML = '<i class="el-icon-check"></i>';
    radio.style.borderColor = "#c0c4cc";
  });
},

其中，`el-icon-check` 是 Element UI 自带的勾勾图标。

最后，需要在组件中添加 `radio` 属性绑定选中的值，例如：

<el-radio label="" v-model="radio">Option</el-radio>

完整代码如下所示：

<template>
  <el-radio label="" v-model="radio">Option</el-radio>
</template>

<script>
export default {
  data() {
    return {
      radio: ""
    };
  },
  mounted() {
    this.$nextTick(() => {
      const radio = document.querySelector(".el-radio__inner");
      radio.innerHTML = '<i class="el-icon-check"></i>';
      radio.style.borderColor = "#c0c4cc";
    });
  }
};
</script>

<style lang="scss">
  @import "~element-ui/packages/theme-chalk/src/radio.scss";
</style>