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框无法输入中文的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。