ie11上vue中使用elementui的input框无法输入中文

2019独角兽企业重金招聘Python工程师标准>>>

• vue2.0+elementui(elementui组件库--input)项目中，使用了如下elementui组件(input输入框--带输入建议的input框el-autocomplete组件)：

<el-row class="demo-autocomplete">
  <el-col :span="12">
    <div class="sub-title">激活即列出输入建议</div>
    <el-autocomplete
      class="inline-input"
      v-model="state1"
      :fetch-suggestions="querySearch"
      placeholder="请输入内容"
      @select="handleSelect"
    ></el-autocomplete>
  </el-col>
  <el-col :span="12">
    <div class="sub-title">输入后匹配输入建议</div>
    <el-autocomplete
      class="inline-input"
      v-model="state2"
      :fetch-suggestions="querySearch"
      placeholder="请输入内容"
      :trigger-on-focus="false"
      @select="handleSelect"
    ></el-autocomplete>
  </el-col>
</el-row>
<script>
  export default {
    data() {
      return {
        restaurants: [],
        state1: '',
        state2: ''
      };
    },
    methods: {
      querySearch(queryString, cb) {
        var restaurants = this.restaurants;
        var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
        // 调用 callback 返回建议列表的数据
        cb(results);
      },
      createFilter(queryString) {
        return (restaurant) => {
          return (restaurant.value.indexOf(queryString.toLowerCase()) === 0);
        };
      },
      loadAll() {
        return [
          { "value": "三全鲜食（北新泾店）", "address": "长宁区新渔路144号" },
          { "value": "Hot honey 首尔炸鸡（仙霞路）", "address": "上海市长宁区淞虹路661号" },
          { "value": "新旺角茶餐厅", "address": "上海市普陀区真北路988号创邑金沙谷6号楼113" },
          { "value": "浮生若茶（凌空soho店）", "address": "上海长宁区金钟路968号9号楼地下一层" },
          { "value": "NONO JUICE  鲜榨果汁", "address": "上海市长宁区天山西路119号" },
          { "value": "CoCo都可(北新泾店）", "address": "上海市长宁区仙霞西路" },
          { "value": "快乐柠檬（神州智慧店）", "address": "上海市长宁区天山西路567号1层R117号店铺" },
          { "value": "Merci Paul cafe", "address": "上海市普陀区光复西路丹巴路28弄6号楼819" },
          { "value": "猫山王（西郊百联店）", "address": "上海市长宁区仙霞西路88号第一层G05-F01-1-306" }
        ];
      },
      handleSelect(item) {
        console.log(item);
      }
    },
    mounted() {
      this.restaurants = this.loadAll();
    }
  }
</script>

• 问题：上述代码在谷歌上测试完全没有问题，但是切换到ie上时，输入数字和英文没有问题，唯独中午无法输入，查找了好久试了好多还是没有发现问题。

• 可能的原因：找了很久，终于发现，和搜狗输入法（搜狗拼音输入法8.0正式版（8.0.0.8268））有关（具体的不知道了），因为如果ie上切换成别的例如微软拼音输入法、qq输入法均可（其他的没有测试），你可以测试试试看，可能是这个的原因。

• 解决方式：期待大神的到来和回复，多谢多谢~~~

• 如果后期有解决方式，我会更新的~~

• 找到一个别的类似的，但是仍然解决不了我的问题，不过也贴出来让大家看看，希望可以帮助到你！（当autocomplete遇到中文输入法）

转载于:https://my.oschina.net/yxmBetter/blog/1506272