Ich muss also die Größen eines auf meiner Seite angezeigten Bildes mit Vuetify v-img abrufen. Ich habe versucht, die Größe mit naturalHeight
und naturalWidth
dadurch 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-img
rendert <div>
HTML-Elemente anstelle von <img>
und naturalHeight
und naturalWidth
funktioniert 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