v-model写法:
<Checkbox v-model="dForm[item.prop]">{{
item.label
}}</Checkbox>
v-model拆语法糖后写法:
<Checkbox
:value="dForm[item.prop]"
@input="handleInput($event, item.prop)"
>{{ item.label }}</Checkbox>
<script>
export default {
name: "checkbox-list-modal",
props: {
dForm: {
type: Object
}
},
methods: {
handleInput(val, key) {
this.dForm[key] = val;
//this.$emit('input', { ...this.dForm, [key]: val });// 如果要传递出去的话用emit
}
}
};
</script>