Iview勾选问题

1.ivew多选框修改为单选使用

<template>
    <Checkbox-group v-model="checkArr" @on-change="onChange">
        <Checkbox :label="item.value" v-for="(item,index) in fruitList" :key="index,">
          <span>{{ item.label }}</span>
        </Checkbox>
    </Checkbox-group>
</template>

<script>
    export default {
        data () {
            return {
                   fruitList: [
                        { label: '香蕉', value: '香蕉' },
                       { label: '苹果', value: '苹果' },
                       { label: '西瓜', value: '西瓜' },
                       ],
                     checkArr:[]
            }
        }
       methods: {
          onChange(checkedValues) {
                 if (checkedValues.length > 1) {
                 this.checkArr = [checkedValues[checkedValues.length - 1]];
              }
        },
  },
    }
</script>

2.iview获取最新勾选值

<Checkbox v-model="checkedValues" @change="handleCheckboxChange">Checkbox 1</Checkbox>

methods: {
  handleCheckboxChange(checked) {
    const lastCheckedValue = checked[checked.length - 1];
    console.log('当前勾选的值：', lastCheckedValue);
  }
}