蓝戒的博客


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

问题: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

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

本文固定链接: http://www.webzsky.com/?p=1033 | 蓝戒的博客

cywcd
该日志由 cywcd 于2016年11月16日发表在 javascript 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: avalon在chrome新版本双向数据绑定失效问题解决方案 | 蓝戒的博客
关键字:

avalon在chrome新版本双向数据绑定失效问题解决方案:等您坐沙发呢!

发表评论


快捷键:Ctrl+Enter
来自的朋友,欢迎您 点击这里 订阅我的博客 o(∩_∩)o~~~
×