本人的vue项目使用element-ui中的下拉选框，同时将它设置为可输入的形式，但是在移动端中，下拉选项阻挡了键盘弹起，请问有什么方法可以解决这个问题吗？

Question

本人的vue项目使用element-ui中的下拉选框，同时将它设置为可输入的形式，但是在移动端中，下拉选项阻挡了键盘弹起，请问有什么方法可以解决这个问题吗？

Answer 1

在全局新建一个js文件，写入以下代码
import ElementUi from 'element-ui';

// Fixes an issue with filters not working on mobile
ElementUi.Select.computed.readonly = function () {
// trade-off for IE input readonly problem: https://github.com/ElemeFE/element/issues/10403
const isIE = !this.$isServer && !Number.isNaN(Number(document.documentMode));

return !(this.filterable || this.multiple || !isIE) && !this.visible;

};

export default ElementUi;
在main.js文件中导入
import Element from '文件地址'