GOOGLE ADS

Donnerstag, 28. April 2022

Wie bekomme ich die natürliche Größe von Vuetify v-img?

Ich muss also die Größen eines auf meiner Seite angezeigten Bildes mit Vuetify v-img abrufen. Ich habe versucht, die Größe mit naturalHeightund naturalWidthdadurch zu erhalten:

//markup
<v-img ref="imageShow" @load="getSizes" src"/images/background.jpg"></v-img>
//method
getSizes(){
console.log(this.$refs.imageShow.naturalHeigth)
}

aber es hat mir die Größe nicht gezeigt, es gibt undefiniert zurück.


Lösung des Problems

Die Komponente von Vuetify v-imgrendert <div>HTML-Elemente anstelle von <img>und naturalHeightund naturalWidthfunktioniert nur mit <img>HTML-Elementen. Ich habe die Dokumentation von Vuetifyv-img überprüft und es scheint keine Eigenschaft zum Konfigurieren des HTML-Tags zu geben.

HTMLImageElement.naturalHeight-Referenz

Keine Kommentare:

Kommentar veröffentlichen

Warum werden SCHED_FIFO-Threads derselben physischen CPU zugewiesen, obwohl CPUs im Leerlauf verfügbar sind?

Lösung des Problems Wenn ich das richtig verstehe, versuchen Sie, SCHED_FIFO mit aktiviertem Hyperthreading ("HT") zu verwenden, ...