用户1839651
Vue 3 中 v-model 在自定义组件上的多个绑定与修饰符实战
原创
关注作者
腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
用户1839651
社区首页
>
专栏
>
Vue 3 中 v-model 在自定义组件上的多个绑定与修饰符实战
Vue 3 中 v-model 在自定义组件上的多个绑定与修饰符实战
用户1839651
关注
发布于 2026-09-26 09:31:53
发布于 2026-09-26 09:31:53
111
0
举报
概述
在 Vue 3 项目里封装表单组件时,经常遇到一个组件需要同时绑定多个字段的场景,比如一个地址选择器要同步更新省、市、区三个值。很多开发者习惯给每个字段单独写 props 和 emit,代码冗长且容易漏掉同步逻辑。Vue 3 的 v-model 支持参数和修饰符,允许在同一个组件上使用多个 v-model,比如 v-model:province、v-model:city,还可以带自定义修饰符如 v
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系
cloudcommunity@tencent.com
删除。
vue3
问题归档
专栏文章
快讯文章归档
关键词归档
开发者手册归档
开发者手册 Section 归档