diff --git a/components/input/Input.jsx b/components/input/Input.jsx index 877b1c98a..5fa4f84d2 100644 --- a/components/input/Input.jsx +++ b/components/input/Input.jsx @@ -173,6 +173,9 @@ export default { }); }, handleChange(e) { + if (e.inputType === 'insertCompositionText') { + return; + } const { value, composing } = e.target; // https://github.com/vueComponent/ant-design-vue/issues/2203 if ((composing && this.lazy) || this.stateValue === value) return; diff --git a/components/input/TextArea.jsx b/components/input/TextArea.jsx index 88a77f42c..883f7578b 100644 --- a/components/input/TextArea.jsx +++ b/components/input/TextArea.jsx @@ -69,6 +69,9 @@ export default { this.$emit('input', e); }, handleChange(e) { + if (e.inputType === 'insertCompositionText') { + return; + } const { value, composing } = e.target; if ((composing && this.lazy) || this.stateValue === value) return; diff --git a/components/vc-tabs/src/InkTabBarNode.jsx b/components/vc-tabs/src/InkTabBarNode.jsx index a6ff2b178..c786cc9c3 100644 --- a/components/vc-tabs/src/InkTabBarNode.jsx +++ b/components/vc-tabs/src/InkTabBarNode.jsx @@ -98,7 +98,7 @@ export default { activeKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), }, updated() { - setTimeout(() => { + this.$nextTick(function() { componentDidUpdate(this); }); }, diff --git a/components/vc-tabs/src/ScrollableTabBarNode.jsx b/components/vc-tabs/src/ScrollableTabBarNode.jsx index 40a6296f2..6282e9664 100644 --- a/components/vc-tabs/src/ScrollableTabBarNode.jsx +++ b/components/vc-tabs/src/ScrollableTabBarNode.jsx @@ -52,7 +52,7 @@ export default { }, updated() { - setTimeout(() => { + this.$nextTick(() => { this.updatedCal(this.prevProps); this.prevProps = { ...this.$props }; });