stein.log

  • ํ™ˆ
  • ํƒœ๊ทธ
  • ๋ฐฉ๋ช…๋ก

Ref 1

[Vue.js] ref๋กœ width, height ๊ฐ€์ ธ์˜ค๊ธฐ

ref๋กœ width๋ฅผ ๊ฐ€์ ธ์˜ค๋Š” ๊ฑธ ๋‹จ์ˆœํ•˜๊ฒŒ ์ƒ๊ฐํ•˜๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ƒ๊ฐํ•  ์ˆ˜ ์žˆ๋‹ค. hihi ํ•˜์ง€๋งŒ ์ด๋ ‡๊ฒŒ ํ•˜๋ฉด width๊ฐ€ ์ถœ๋ ฅ๋˜์ง€ ์•Š์„ ๊ฒƒ์ด๋‹ค. ๊ทธ๋ž˜์„œ elem.value.style๋งŒ์„ ์ถœ๋ ฅํ•ด๋ณด๋ฉด.. ์ด๋ ‡๊ฒŒ ๋น„์–ด์žˆ๋‹ค๋Š” ๊ฒƒ์„ ์•Œ ์ˆ˜ ์žˆ๋‹ค. style๋กœ ์„ค์ •ํ•ด์ค€ width๋Š” ์—†๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. ๋”ฐ๋ผ์„œ clientHeight, clientWidth ๋ฅผ ์‚ฌ์šฉํ•ด์•ผํ•œ๋‹ค. {{elem.clientWidth}}

Programming/Vue.js 2022.02.01
1
๋”๋ณด๊ธฐ
ํ”„๋กœํ•„์‚ฌ์ง„

๐Ÿ’ป๐ŸŽน๐ŸŽธ๐Ÿ“ท๐ŸŽจ๐ŸŽฎ Devourer

  • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (67)
    • Programming (59)
      • Vue.js (13)
      • Docker (5)
      • Web (6)
      • Django (9)
      • Flutter (4)
      • React (2)
      • UnrealEngine (9)
    • Music (3)
    • Camera (0)
    • Life (3)

Copyright ยฉ Kakao Corp. All rights reserved.

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”