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

Vue.js中v-model无法同步输入框与data值的问题求助

解决Vue.js中v-model在Chrome下绑定失效的问题

你的代码语法本身没有问题,v-model的使用完全符合规范。针对Chrome下出现的绑定失效情况,可以按以下步骤排查:

  • 检查Vue开发者工具版本:确保Chrome上的Vue DevTools版本和项目使用的Vue版本匹配(Vue2对应DevTools的Vue2分支,Vue3对应Vue3分支),版本不兼容可能导致数据同步异常。
  • 禁用浏览器缓存:打开Chrome开发者工具(F12),切换到Network面板,勾选「禁用缓存」选项,然后强制刷新页面(Ctrl+Shift+R),避免旧代码缓存影响功能。
  • 排查浏览器扩展干扰:部分广告拦截、脚本拦截类扩展可能会干扰Vue的响应式机制,尝试暂时禁用所有浏览器扩展后重新测试。
  • 检查Chrome的隐私设置:确保浏览器没有限制网站的JavaScript执行权限,或者开启了「严格站点隔离」这类可能影响脚本运行的选项。

你提到Firefox中通过DevTools修改data能正常同步,说明核心逻辑是没问题的,问题大概率出在Chrome的环境配置上。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.24 16:24:19