蓝戒博客

  • 首页
  • 研发说
  • 架构论
  • 效能录
  • AI谈
  • 随笔集
智构苍穹
融合 AI、架构与工程实践,沉淀方法论,构建可持续的技术价值。
  1. 首页
  2. 研发说
  3. 正文

avalon在chrome新版本双向数据绑定失效问题解决方案

2016年11月16日 8198点热度 0人点赞 0条评论

问题:avalon(版本1.5.6)在chrome新版存在双向数据绑定失效的问题。

最近做的项目测试后bug修改完,产品验收时总提出这样的问题:
明明input框中输入了内容,在验证的时候仍然提示内容为空:
a1

对比发现产品用的谷歌浏览器版本是53版本的,自己谷歌浏览器版本 51.0.2704.106 m ,没有出现这个问题,于是升级版本,升级到最新版本54.0.2840.99 m,再次测试这个问题就暴露出来了。

经过网上查询最后定位问题是avalon在chrome新版本中中文无法同步到vm,最后在github上找到问题解决方案:

如果不想升级avalon版本,可以在avalon源码中搜索compositionEnd方法,修改成如下:

function compositionEnd() {
composing = false;
setTimeout(updateVModel)
}

经亲测,果然问题解决了!

参考:https://github.com/RubyLouvre/avalon/issues/1770

整理这个问题,希望对遇到这个问题的童鞋,有所帮助。

标签: avalon web技术
最后更新:2025年9月12日

cywcd

我始终相信,技术不仅是解决问题的工具,更是推动思维进化和创造价值的方式。从研发到架构,追求极致效能;在随笔中沉淀思考,于 AI 中对话未来。

打赏 点赞
< 上一篇
下一篇 >

文章评论

razz evil exclaim smile redface biggrin eek confused idea lol mad twisted rolleyes wink cool arrow neutral cry mrgreen drooling persevering
取消回复

cywcd

我始终相信,技术不仅是解决问题的工具,更是推动思维进化和创造价值的方式。从研发到架构,追求极致效能;在随笔中沉淀思考,于 AI 中对话未来。

最新 热点 随机
最新 热点 随机
前端 Worker + WebAssembly + 主线程协作:一次讲清高性能计算模型 吃透大文件分片上传:原理、方案与最佳实践 WebAssembly(WASM)技术全景解析:从浏览器加速到云原生基石 用 Yjs 打造下一代协同编辑应用 快速构建项目文档网站:主流文档站点工具选型与对比 双因子认证(2FA)的实现方案与最佳实践
前端数字精度处理方案:decimal.js 及主流精度库全面对比Workbox:可直接用于生产环境的 Service Worker 利器快速构建项目文档网站:主流文档站点工具选型与对比InversifyJS:让 TypeScript 项目真正“解耦”的依赖注入利器Nitro v3 + Vite:从快速启动到多平台部署的高效全栈方案ahooks:为真实业务而生的高质量 React Hooks 库
基于 docx-preview 的 Word 预览组件实现方案分享 Vue 3 开发体验与效率提升指南:方法、技巧、工具链与生态精选 新增HTML5标签cssReset CSS3之Opacity多浏览器透明度兼容处理 javascript开源物理引擎verlet.js 吃透大文件分片上传:原理、方案与最佳实践
最近评论
渔夫 发布于 2 个月前(11月05日) 学到了,感谢博主分享
沙拉小王子 发布于 8 年前(11月30日) 适合vue入门者学习,赞一个
沙拉小王子 发布于 8 年前(11月30日) 适合vue入门者学习,赞一个
cywcd 发布于 9 年前(04月27日) 请参考一下这篇文章http://www.jianshu.com/p/fa4460e75cd8
cywcd 发布于 9 年前(04月27日) 请参考一下这篇文章http://www.jianshu.com/p/fa4460e75cd8

COPYRIGHT © 2025 蓝戒博客_智构苍穹-专注于大前端领域技术生态. ALL RIGHTS RESERVED.

京ICP备12026697号-2