iview的checkbox

之前用一直按照官网的文档写出来实现不了他的功能，，，后来才发先文档写的不对。。现在记录一下，以后避免入坑

 <FormItem label="修改权限">
        <Checkbox-group v-model='fruit' @on-change="change">
                <Checkbox label="香蕉"></Checkbox>
                <Checkbox label="苹果"></Checkbox>
                <Checkbox label="西瓜"></Checkbox>
        </Checkbox-group>
 </FormItem>

--------------------------------------------------------------
data（ ） {
    return {
         fruit: ['香蕉'], //默认选中的项
    }
}，
methods： {
    change（data）{
        console.log（data）；//拿到的就是选中的数组。。默认是label的值，可以自定义
    }
}

纠结了好久才发现这个问题的，，希望共勉。