Grund: Wenn in der Auswahlkomponente von ElementUI das filterbare Attribut hinzugefügt wird, sieht das tatsächliche Rendering wie folgt aus:
Mit anderen Worten: Wenn ein zusätzliches schreibgeschütztes Attribut hinzugefügt wird, führt das schreibgeschützte Attribut der Eingabe unter IOS dazu, dass die Softtastatur nicht angezeigt wird.
Lösung: Entfernen Sie einfach das schreibgeschützte Attribut der Komponente und fügen Sie der ausgewählten Komponente die folgenden drei Attribute hinzu:
Code:
ref="select"
@hook:mounted="cancalReadOnly"
@visible-change="cancalReadOnly"
Methoden wie folgt:
cancalReadOnly(value) {
this.$nextTick(() => {
if (!value) {
const { select } = this.$refs;
const input = select.$el.querySelector(".el-input__inner");
input.removeAttribute("readonly");
// this.$refs.select.blur(); 根据tip自行判断是否添加
}
});
},
Auf diese Weise kann man die Soft-Tastatur unter IOS aufrufen, und in meinem persönlichen Test funktioniert es.