You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Vue自定义Select组件v-model透传属性失效求助

解决自定义Select组件v-model失效问题

你的问题核心在于自定义组件的v-model机制和原生元素不同,即便用了inheritAttrs="false"和v-bind="$attrs",也需要手动处理v-model的双向绑定逻辑,同时你的模板里还有一个小错误需要修正。

1. 修正自定义Select组件的绑定逻辑

自定义组件上的v-model本质是modelValue prop和update:modelValue事件的语法糖,你需要把这两者和内部原生<select>的value属性、change事件做映射:

修改后的Select.vue(Vue3

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.20 14:53:07