IE11环境下Input组件清空异常

[hy08]

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

1.6.4

Environment

browser: IE11 ant-design-vue: 1.6.1

Reproduction link

Steps to reproduce

基础的Input组件，声明allowClear属性，chrome删除正常，ie11报错：Error in v-on handler: "TypeError: strict 模式下不允许分配到只读属性"

What is expected?

ie可以正常删除

What is actually happening?

Error in v-on handler: "TypeError: strict 模式下不允许分配到只读属性"

[labike]

这是严格模式下导致的

首先这是发生在event上的, 在源码内部是这样实现点击清除图标清除输入内容的

function resolveOnChange(target, e, onChange) {
  if (onChange) {
    var event = e;
    if (e.type === 'click') {
      // click clear icon
      //event = Object.create(e);
      Object.defineProperty(event, 'target', {
        writable: true
      });
      Object.defineProperty(event, 'currentTarget', {
        writable: true
      });
      event.target = target;
      event.currentTarget = target;
      var originalInputValue = target.value;
      // change target ref value cause e.target.value should be '' when clear input
      target.value = '';
      onChange(event);
      // reset target ref value
      target.value = originalInputValue;
      return;
    }
    onChange(event);
  }
}

可以看到这里对event的target进行了劫持并修改了writeable, target属性中有个configureable属性,该属性默认为false表示对象上的属性是只读的, 在严格模式下修改是会报`typeError '

[wayne950921]

想问这个问题解决了吗

[hy08]

想问这个问题解决了吗

我放弃在IE11中使用清除功能了

[liuqingchao]

分享一下我的方法：
import { Input } from 'ant-design-vue'
if (!!window.ActiveXObject || 'ActiveXObject' in window) {
Input.methods.handleReset = function (e) {
this.stateValue = ''
this.$emit('change.value', '')
}
}

[sanmaozhao]

遇到了同样的问题

[github-actions]

This issue is stale because it has been open 60 days with no activity. Remove stale label or comment or this will be closed in 7 days

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.