Vue 3 中 v-model 在自定义组件上的正确用法与常见陷阱

用户1839651

发布于 2026-10-07 10:27:42

510

概述

在 Vue 3 项目里，把表单控件拆成可复用的自定义组件是常有的事。比如封装一个带样式和校验的输入框、开关或下拉选择，然后通过 v-model 让父组件绑定数据。但很多人第一次写的时候会发现：父组件传值进去，子组件改了，父组件的数据没变，或者控制台报出 “Component emitted event 'update:modelValue' but it is not declared” 之类的警

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

Vue 3 中 v-model 在自定义组件上的正确用法与常见陷阱

Vue 3 中 v-model 在自定义组件上的正确用法与常见陷阱

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐