vue v-model语法糖

681 阅读1分钟

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>