vue和google翻译助手的冲突问题

今天使用自己写的后台时,不小心点了翻译成中文,发现页码的数字5变成了汉字"五",且翻页功能失效,一阵惊慌。
于是google了一会,发现已经有人提了issue,但vue开发人员回复暂时不打算修复这个问题。具体issue如下:
https://github.com/vuejs/vue/issues/9160
下面大致说明一下原因:google翻译助手在翻译页面时修改了页面dom,而数据驱动的框架无法认定dom是最新dom,因此
驱动修改dom失败
接下来用两个小demo来复现问题,分别测试v-if和v-for的失效,其他指令大家可以自行验证:
组件VForDemo:






组件VIfDemo:






主app组件:







正常操作:
vue和google翻译助手的冲突问题_第1张图片
接下来翻译页面:
vue和google翻译助手的冲突问题_第2张图片
重复上述操作,发现v-for和v-if均已失效:
vue和google翻译助手的冲突问题_第3张图片
目前暂未解决该问题,因为是后台应用,不影响使用,如果有小伙伴找到解决方案,辛苦告知我一下;使用的gif生成工具是ScreenToGif,挺不错的小工具

你可能感兴趣的:(前端技术)