エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Vueのref属性使って要素の現在の幅を取得する - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Vueのref属性使って要素の現在の幅を取得する - Qiita
<template> <div class="parentWidth" ref="getParentWidth"> . . . </div> </template> mounted () { /... <template> <div class="parentWidth" ref="getParentWidth"> . . . </div> </template> mounted () { // 要素の幅を取得するメソッド this.getTargetWidth() // ユーザーがウィンドウサイズを変更したら実行されるようにする window.addEventListener('resize', this.getTargetWidth) }, methods: { getTargetWidth () { let targetWidth = this.$refs.getParentWidth.clientWidth console.log(targetWidth) // 要素の幅をInt型で取得する事ができる } }