首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >Vue 3 中 v-model 在自定义组件上的正确用法与常见坑

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

作者头像
用户1839651
发布于 2026-09-26 09:30:46
发布于 2026-09-26 09:30:46
360
举报
概述
自定义组件上使用 v-model 时,很多人会遇到「值变了但子组件没更新」「子组件改值父组件不生效」「同时绑定多个 v-model 报错」这类问题。v-model 在 Vue 3 里不再是简单的 :value + @input 语法糖,默认 prop 和事件名都改了,而且支持参数化,默认值也变成了 modelValue / update:modelValue。如果沿用 Vue 2 的习惯直接写 v

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

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

问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档