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-autocompleteclass="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-autocompleteclass="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

ie11上vue中使用elementui的input框无法输入中文相关推荐

  1. vue中页面上的input框自动获取焦点

    这个问题看了网上的一些资料有一定的帮助,但我还是想把我用的方法记录下来. 代码: <el-inputv-model="ghStats.authCode"ref="g ...

  2. 前端学习(2487):在VUE中使用element-ui的el-select组件时出现该报错

    一. 报错场景 在VUE中使用element-ui的el-select组件时出现该报错 [Vue warn]: Missing required prop: "value" 1 二 ...

  3. 在vue中使用element-ui二次封装面包屑导条

    在vue中使用element-ui二次封装面包屑导条 由于这几天写了一个后台管理系统,多次使用的到了面包屑导航,所以我就把它封装起来使用了: 效果图 第一步 安装element-ui npm i el ...

  4. vue中 使用element-ui 图标和阿里字体图标结合使用

    vue中 使用element-ui 图标和阿里字体图标结合使用 1 登录阿里字体图标官网 2 图标管理 --> 我的项目 --> 创建一个项目 3 开始搜有想要的图标添加到我的项目中 4 ...

  5. input框的输入事件

    要求: input框只能输入数字. 问题: 只判断e.keyCode的情况下,在中文输入法中出现了e.keyCode均为229的情况,不论输入数字还是其他. 解决: 修改input框的type为num ...

  6. 让input框只输入英文

    解决扫码枪在中文输入法时扫码冲突 扫码枪在扫完码时会自动回车,这时如果是中文输入法就会触发输入法联想,再加一个回车,那么input框输入的就成中文了.如果可以控制input框只能输入英文那就好了.cs ...

  7. html页面input框输入不了,input框不能输入问题

    input框不能输入问题 今天在写程序设计登录页面的时候遇到了一个问题:输入框不能输入! 就是我写着写着想测试一下功能,就发现输入框不能输入了.???还能出现这种问题??就很疑惑,然后就搜了搜无法输入 ...

  8. html判断整数小数点后两位小数点,js控制input框只能输入数字和一位小数点且小数点后面只有两位小数...

    js控制input框只能输入数字和一位小数点且小数点后面只有两位小数 js控制input框只能输入数字和一位小数点且小数点后面只有两位小数 212或 0.66; 过滤 00000,1.10,0.00 ...

  9. ios input框无法输入问题

    /* ios input框无法输入问题 */ input{ -webkit-user-select:auto !important; } 转载于:https://www.cnblogs.com/liu ...

最新文章

  1. “智能+”时代,看见别人看不见的才是赢家
  2. Linux网络包接收过程的监控与调优
  3. python 如何编写图像标定(标记)(annotation)画框程序?
  4. 我的第一个python 代码
  5. Facebook开源多款AI工具,支持游戏、翻译
  6. Documentum之基础(2)
  7. Spring@Import注解的三种用法
  8. 移植最新版libmemcached到VC++的艰苦历程和经验总结(上)
  9. springboot格式化时间
  10. Kibana将语言设置为中文
  11. PHP关于按位取反结果的推导过程
  12. ZTree的API文档分享
  13. linux版的微博客户端,推荐Ubuntu Linux下的新浪微博客户端
  14. 论文阅读-LEARNED STEP SIZE QUANTIZATION
  15. CSS实现鼠标悬停缩放
  16. HTML,CSS 三角形制作案例(等边三角形 直角三角形)
  17. 多云时代,IBM云计算有什么不同?
  18. 使用screen保持程序在背景继续运行
  19. 毕业设计:新闻大数据搜索系统 (完整代码运行)
  20. LDK3读书笔记(第二章:从内核出发)

热门文章

  1. 济南计算机机械工程学校,济南电子机械工程学校
  2. java 生成.sh文件,Java 生成Bat或SH文件,调用Sqlldr安插数据到Oracle
  3. java源文件扩展名_java源文件名的后缀是什么?
  4. java 滚动加载,滚动加载,可视区域判断
  5. mysql 排除另一表_MYSQL 两表 排除 重复记录
  6. c语言 typeof 结构体,Go语言通过反射获取结构体的成员类型
  7. datatable 创建列赋值_DataTable创建行和列,DataReader读取
  8. java用户里获取部门id_javaWeb开发,根据部门ID查询该部门和下属所有部门的ID集合...
  9. php生成图片验证码-附五种验证码
  10. Centos下通过wget方式下载jdk8