Die Select-Komponente von ElementUI kann die Softtastatur unter IOS nicht aufrufen.

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.

Supongo que te gusta

Origin blog.csdn.net/baidu_36095053/article/details/125047101
Recomendado
Clasificación