vue自定义一个v-model的实现代码
(编辑:jimmy 日期: 2024/11/18 浏览:3 次 )
目标
<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的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
下一篇:JS实现模糊查询带下拉匹配效果