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

解决v-progress-linear点击时自动修改绑定值的问题

问题场景

使用Vuetify的<v-progress-linear>组件时,点击组件会自动修改绑定的进度值,想要阻止这个默认行为。

存在问题的代码:

<v-progress-linear
  v-model="progress"
  color="primary"
  height="20"
>
修复方案

不使用v-model进行双向绑定,改用:value做单向绑定即可解决问题。

修复后的代码:

<v-progress-linear
  :value="progress"
  color="primary"
  height="20" 
>

内容的提问来源于stack exchange,提问作者Honza Mátl

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.29 20:51:25