复选框问题

一、如何将复选框值添加到数组

<template>
   <el-checkbox-group
       v-model="checkedPerson"
      @change="handleCheckedPersonChange"
     >
     <el-checkbox
        class="person-checkbox"
        v-for="item in roleOptionsNew"
        :key="item.accountId"
        :label="item.accountId"
         @change="checkChange(item)"
       >
        {{ item.employeeName }}
       </el-checkbox>
      </el-checkbox-group>
</template>
<script>
   export default {
      data(){
          checkedPerson:'',
          roleOptionsNew:[]
      }
      method:{
        let selectPerson = []
        checkChange(val){
           var flag = selectPerson.findIndex(
            (item) => item.accountId == val.accountId
         );
          if (flag === -1) {
           selectPerson.push(val);
          } else {
           selectPerson.splice(flag, 1);
          }
        }
      }
}
</script>