elementUi 之 el-checkbox 单选

背景

最近elementUI 用的少了一些，记录一下。

情景，需要用el-checkbox 的样式，但是只需要单选

code

原理： 每次选择的时候都是selectList的push, 所以我们需要删除第一个元素

<!-- 单选 -->
<el-checkbox-group 
v-model="selectList"
@change="handleSelectList"
>
    <el-checkbox
    v-for="(setting, sIndex) in settings"
    :key="sIndex"
    :label="setting"
    >
        <i>{{ setting.text }}</i>
    </el-checkbox>
</el-checkbox-group> 

export default {
    data() {
        selectList: []
    },
    methods: {
        handleSelectList (val) {
          if (this.selectList.length > 1) {
            this.selectList.splice(0, 1);
          }
        },
    }
}