data() {//Storing data}]。"/> data() {//Storing data}]。">
ホームページ > 記事 > ウェブフロントエンド > vue.js で要素の高さを動的に設定する方法
要素の高さを動的に設定する
#この記事の動作環境: Windows10 システム、vue.js 2.9、thinkpad t480 コンピューター。 早速、次のコードに直接進みましょう: vue code:vue.js メソッド: [d04fcf98c7c315a5d55dc020e0d4da5f16b28748ea4df4d9c2150843fecfba68data() {//Storing data} 】。
<div :style="{width: divWidth, height: divHeight}"></div>data data:
data() { //这里存放数据 return { divHeight:0, divWidth:0 } },createdメソッドの割り当て
created(){ let divWidth = document.body.clientWidth+"px"; let divHeight = document.body.clientHeight-130+"px"; this.divWidth = divWidth this.divHeight = divHeight },推奨される学習:
php トレーニング #
以上がvue.js で要素の高さを動的に設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。