elementui单选项想要正方形的选框，可以用多选框checkbox吗？

Question

elementui单选项想要正方形的选框，可以用多选框el-checkbox吗？这样把最大值选成1可以吗？

还是说单选框就必须用单选按钮el-radio吗？
但是圆形按钮不好看。

Answer 1

覆盖一下el-radio__inner的样式岂不是更简单？

Answer 2

当然可以

  <el-checkbox
              :label="item.label"
              name="type"
              v-for="item in checkList"
              :key="item.value"
              @change="ladderChange"
            ></el-checkbox>

ladderChange () {
      if (this.checked.length > 1) {
        this.checked.shift();
      }
    }

选择的时候减去一个就可以当单选框用

Answer 3

<el-checkbox
  v-for="item in express.list"
  :key="item.id"
  :value="item.id === express.checked"
  @input="v => express.checked = (v ? item.id : 0) "
>
  {{ item.company_name }}，{{ item.no }}
</el-checkbox>

也可以这样用