<template> <u-checkbox-group v-model="ckList" placement="column" @change="CheckboxChange"> <slot></slot> </u-checkbox-group> </template> <script> export default { data() { return { ckList: [] } }, props: { value: String, disabled: { type: Boolean, default: false } }, watch:{ value:{ handler (val) { this.ckList = val.split(',') }, immediate: true, deep: false } }, methods:{ CheckboxChange(evt) { this.$emit('input', this.ckList.join(',')) }, } } </script>