目标

<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的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！