v-model 指令设置了变量 composing，虽然代码在 format 函数里更改了 this.name 的值，但此时 composing 标识阻止了将 this.name 的值同步给 input 元素的 value 属性如果你感兴趣的话，可以修改 vue.js 的源代码，将 shouldUpdateValue 函数里对 composing 属性的判断去掉，可以看到输入法又跟之前一样异常了
格式化问题 bugfix
再次看下文章开头的示例，如果使用 :value, @input 实现数据双向绑定，有两个方案可以解决中文输入异常的问题。
方案一：监听 change 事件
等输入结束失去焦点以后，再调用格式化方法，如下所示，也可以在线尝试：
方案二：监听 input 事件，同时判断输入法组合过程
在输入法组合过程中，不进行格式化，如下所示，也可以：
总结
以上所述是小编给大家介绍的vue 表单输入格式化中文输入法异常问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章: