perfectly resolve Chinese input methods issue with composition events

vuejs · Jan 3, 2014 · 1e58721 · 1e58721
1 parent bcff84e
commit 1e58721
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/directives/model.js b/src/directives/model.js
@@ -27,9 +27,18 @@ module.exports = {
                 ? 'value'
                 : 'innerHTML'
 
+        var compositionLock = false
+        el.addEventListener('compositionstart', function () {
+            compositionLock = true
+        })
+        el.addEventListener('compositionend', function () {
+            compositionLock = false
+        })
+
         // attach listener
         self.set = self.filters
             ? function () {
+                if (compositionLock) return
                 // if this directive has filters
                 // we need to let the vm.$set trigger
                 // update() so filters are applied.