目標

<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的實現代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對錯新站長站網站的支持！