vue.js-Methode zum dynamischen Festlegen der Elementhöhe: [<div :style="{width: divWidth, height: divHeight}"></div>data() {//Storage data}].
Die Betriebsumgebung dieses Artikels: Windows10-System, vue.js 2.9, Thinkpad T480-Computer.
Keine Worte mehr, gehen Sie einfach zum Code:
vue-Code:
<div :style="{width: divWidth, height: divHeight}"></div>Daten:
data() {
//这里存放数据
return {
divHeight:0,
divWidth:0
}
},erstellte Methodenzuweisung
created(){
let divWidth = document.body.clientWidth+"px";
let divHeight = document.body.clientHeight-130+"px";
this.divWidth = divWidth
this.divHeight = divHeight
},Empfohlenes Lernen: php-Schulung
Das obige ist der detaillierte Inhalt vonSo legen Sie die Elementhöhe in vue.js dynamisch fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
