mpvue開發小程序checkbox組件封裝

 組件template:

<template>
    <div class="checkbox_compont">
         <checkbox-group @change="checkboxChange">
            <label class="checkbox" v-for="(item,i) in checklist" :key="i">
                <div class="checklist">
                    <div>
                        <checkbox  :value="item.value" :checked="item.checked"/>
                    </div>
                    <div>{{item.name}}</div>
                </div>
            </label>
        </checkbox-group>
    </div>
</template>
<script>
export default {
    name:'ljcheckbox',
    props:['checklist'],
    data(){
        return{
           
        }
    },
    methods:{
        checkboxChange: function (e) {
            let checklist = JSON.parse(JSON.stringify(this.checklist));
            let checkedIdList = JSON.parse(JSON.stringify(e.mp.detail.value));
            con