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

Vue3中Vuetify v-color-picker的input事件无法触发求助

解决v-color-picker的@input事件不触发问题

问题出在Vuetify 3的v-color-picker组件事件绑定逻辑上,你需要替换监听的事件类型:

  • 若要和v-model同步触发(模型值更新时立即执行方法),请监听update:modelValue事件:
<v-color-picker 
  mode="hexa"
  v-model="background_color" 
  @update:modelValue="handleChangedColor"
></v-color-picker>
  • 若要在用户确认颜色选择后触发(比如点击颜色面板完成选择动作),请监听change事件:
<v-color-picker 
  mode="hexa"
  v-model="background_color" 
  @change="handleChangedColor"
></v-color-picker>

你的handleChangedColor方法写法没有问题,v-model能正常工作是因为它自动绑定了组件的modelValue属性和update:modelValue事件,而你之前使用的@input并非该组件触发模型更新的标准事件,因此无法触发指定方法。

内容的提问来源于stack exchange,提问作者Freude

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.02 20:05:29