vue antd allowClear属性在IE不起效

Vue Ant Design (Vant) 的 `allowClear` 属性通常用于输入框组件 (`<el-input>` 或 `<antd.Input>`)，它允许用户清除输入的内容。然而，在 Internet Explorer（IE）浏览器中，由于其对现代HTML5特性的支持有限，尤其是事件处理和一些新特性，可能会导致这个特性无法正常工作。

IE 特别是在版本低于 IE11 的时候，对于诸如 `placeholder`、`clearable` 这些依赖于原生元素CSS和JavaScript的新特性可能不完全支持。`allowClear` 属于是 Vue-AntD 中基于 CSS 渲染的一个视觉效果，如果 IE 对 `::before` 或 `::after`伪元素的处理有缺失，可能会影响到清除图标的效果展示。

解决这个问题的一种常见方法是提供一个备选方案，比如在 IE 浏览器上添加一个点击事件处理器，手动触发清空操作：

<template>
  <input :placeholder="placeholder" v-if="isIE" @click="clearInput" :clearable="true" ref="input">
</template>

<script>
export default {
  data() {
    return {
      isIE: !!window.MSInputMethodContext && !!document.documentMode,
      placeholder: '请输入',
    };
  },
  methods: {
    clearInput() {
      this.$refs.input.value = '';
    },
  },
};
</script>

这里通过检测是否是IE，如果是，就添加了一个点击事件去清空输入框内容。不过，最好的做法还是尽快放弃对 IE 的支持，因为它已经不再受到主流浏览器厂商的支持，并且可能存在安全风险。