vue自定义一个v-model的实现代码

目标

<template>
  <my-form v-model=\"form\">
  </my-form>
</template>
<script>
  export default {
    data() {
      return {
        form: \'\'
      }
    }
  }
<script>

实现

// my-form组件
<template>
  <form>
    <input v-model=\"model.val1\" />
    <textarea v-model=\"model.val2\"></textarea>
  <form>
</template>
<script>
  export default {
    model: {
      prop: \'model\',
      event: \'change\'
    },
    props: {
      model: Object
    }
    watch: {
      model(val){
        this.$emit(\'change\', val)
      }
    }
  }
<script>

以上所述是小编给大家介绍的vue自定义一个v-model的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！