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