Vue: ํผ์˜ ๋ฆฌ์…‹ ๊ธฐ๋Šฅ์— ๋Œ€ํ•ด

์— ๋งŒ๋“  2016๋…„ 08์›” 11์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: vuejs/vue

์–‘์‹์— <button type="reset">rest</button> ์‚ฌ์šฉ
๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์ž…๋ ฅ ๋ฐ ๊ธฐํƒ€ ์–‘์‹์˜ ๊ฐ’์„ ์ง€์šธ ๋•Œ vue์˜ ๋ฐ์ดํ„ฐ๊ฐ€ ์ด ๋ณ€๊ฒฝ์— ์‘๋‹ตํ•˜์ง€ ์•Š๋Š”์ง€ ๊ด€์ฐฐํ•˜์‹ญ์‹œ์˜ค.

๋ธŒ๋ผ์šฐ์ €์˜ ๊ธฐ๋ณธ ๋™์ž‘์œผ๋กœ, ์žฌ์„ค์ • ํ›„ ํผ์— ์ฒจ๋ถ€๋œ v-model์˜ ๋ฐ์ดํ„ฐ๋ฅผ ์žฌ์„ค์ •ํ•˜๋Š” ๊ฒƒ์„ ๊ณ ๋ คํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

reset ์ด๋ฒคํŠธ๋ฅผ ์ˆ˜์‹ ํ•˜๊ณ  ์–‘์‹ ๋‚ด๋ถ€์˜ ๋ชจ๋“  ์ž…๋ ฅ ์š”์†Œ์—์„œ input & change ๋ฅผ ์ฐพ์•„ ํŠธ๋ฆฌ๊ฑฐํ•˜๋Š” ์ง€์‹œ๋ฌธ์„ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋ชจ๋“  3 ๋Œ“๊ธ€

์•ˆ๋…•ํ•˜์„ธ์š”!

๋ฌธ์ œ ๋ณด๊ณ  ์ง€์นจ์„ ๋”ฐ๋ฅด์‹ญ์‹œ์˜ค. ํฌ๋Ÿผ ์ด๋‚˜ gitter ์ฑ„ํŒ… ์—์„œ ์งˆ๋ฌธํ•˜์‹ญ์‹œ์˜ค. ์šฐ๋ฆฌ๋Š” ๋ฌธ์ œ์—์„œ ์งˆ๋ฌธ์„ ์œ ์ง€ํ•ฉ๋‹ˆ๋‹ค :์Šค๋งˆ์ผ:

์งˆ๋ฌธ์— ๋Œ€ํ•ด, ๋‹น์‹ ์€ ๊ฐ™์€ ๋ฆฌ์…‹ ์ด๋ฒคํŠธ๋ฅผ ์ฒ˜๋ฆฌ ํ•  ์ˆ˜์žˆ๋Š” ์ด . ๋„์›€์ด ๋˜์—ˆ๊ธฐ๋ฅผ ๋ฐ”๋ž๋‹ˆ๋‹ค!

๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋Ÿฐ ์‹์œผ๋กœ ์žฌ์„ค์ • ์ด๋ฒคํŠธ๋ฅผ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ์ง€๋งŒ ์ž๋™ ํœด์‹์€ ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. v-model

reset ์ด๋ฒคํŠธ๋ฅผ ์ˆ˜์‹ ํ•˜๊ณ  ์–‘์‹ ๋‚ด๋ถ€์˜ ๋ชจ๋“  ์ž…๋ ฅ ์š”์†Œ์—์„œ input & change ๋ฅผ ์ฐพ์•„ ํŠธ๋ฆฌ๊ฑฐํ•˜๋Š” ์ง€์‹œ๋ฌธ์„ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰