javascript - vueでコンポーネント自体の高さを取得する方法
世界只因有你
世界只因有你 2017-06-26 10:58:50
0
5
1240

高さが可変のポップアップ ボックスを作成したいので、配置する必要があります。ポップアップ ボックスは下部または先頭にポップアップする可能性があります。ただし、コンテンツは可変であるため、その高さは必要ですダウンロードして、現在コンポーネント内の高さを取得する方法
私の現在のアプローチは、created()classname を使用して、コンポーネントの p を取得しますが、初期値が in data() にあるため、コンポーネントの高さはデフォルトで 0 に設定されます。
data() の高さは変更されますが、p が取得されません。 ###作成した() {### リーリー 印刷結果の curHeight が定義されていません。解決策を見つけてください

世界只因有你
世界只因有你

全員に返信(5)
给我你的怀抱

element.offsetHeight
// vue では、ref を使用して実際の DOM を取得してください
// マウントされたフックで呼び出され、DOM がレンダリングされた後にトリガーされます

いいねを押す +0
曾经蜡笔没有小新

リーリー

いいねを押す +0
学霸

作成されたフック dom ノードはまだページに挿入されていません
マウントされたフック関数で呼び出す必要があります

要素の高さを取得するには、dom.clientHeight または dom.getBoundingClientRect().height を使用します🎜
いいねを押す +0
漂亮男人

@林小信 呼び出し時にv-ifを使ったのでtrueにすると毎回createされるのでcreatedに入れることもできますが、nextTickについても教えていただきました 使ったことないですがまずは試してみてください。それはあなたのやり方です。
現在、最外層 p には高さがないため、その高さになるようにサブ p の高さを加算することによってのみ取得できます。おそらく、これを作成するときにこれを考慮しなかったのかもしれません。成分。

this.$nextTick(() => {

リーリー

// console.log(cur);

リーリー

// console.log(typeof item.clientHeight);

リーリー

他に良い答えがない場合は、あなたの回答を受け入れます

いいねを押す +0
phpcn_u1582

実際のサイズの.clientWidthと.clientHeightを取得します
.heightのような取得メソッドはないので未定義です

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート