data() {//Menyimpan data}]."/> data() {//Menyimpan data}].">
Rumah > Artikel > hujung hadapan web > Cara untuk menetapkan ketinggian elemen secara dinamik dalam vue.js
Kaedah Vue.js untuk menetapkan ketinggian elemen secara dinamik: [d04fcf98c7c315a5d55dc020e0d4da5f16b28748ea4df4d9c2150843fecfba68data() {//Data storan} 】.
Persekitaran pengendalian artikel ini: sistem windows10, vue.js 2.9, komputer thinkpad t480.
Tanpa berlengah lagi, mari terus ke kod:
kod vue:
<div :style="{width: divWidth, height: divHeight}"></div>
data data:
data() { //这里存放数据 return { divHeight:0, divWidth:0 } },
tugasan kaedah yang dibuat
created(){ let divWidth = document.body.clientWidth+"px"; let divHeight = document.body.clientHeight-130+"px"; this.divWidth = divWidth this.divHeight = divHeight },
Pembelajaran yang disyorkan: latihan php
Atas ialah kandungan terperinci Cara untuk menetapkan ketinggian elemen secara dinamik dalam vue.js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!