์์์ <button type="reset">rest</button>
์ฌ์ฉ
๋ธ๋ผ์ฐ์ ๊ฐ ์
๋ ฅ ๋ฐ ๊ธฐํ ์์์ ๊ฐ์ ์ง์ธ ๋ vue์ ๋ฐ์ดํฐ๊ฐ ์ด ๋ณ๊ฒฝ์ ์๋ตํ์ง ์๋์ง ๊ด์ฐฐํ์ญ์์ค.
๋ธ๋ผ์ฐ์ ์ ๊ธฐ๋ณธ ๋์์ผ๋ก, ์ฌ์ค์ ํ ํผ์ ์ฒจ๋ถ๋ v-model์ ๋ฐ์ดํฐ๋ฅผ ์ฌ์ค์ ํ๋ ๊ฒ์ ๊ณ ๋ คํ ์ ์์ต๋๊น?
์๋ ํ์ธ์!
๋ฌธ์ ๋ณด๊ณ ์ง์นจ์ ๋ฐ๋ฅด์ญ์์ค. ํฌ๋ผ ์ด๋ gitter ์ฑํ ์์ ์ง๋ฌธํ์ญ์์ค. ์ฐ๋ฆฌ๋ ๋ฌธ์ ์์ ์ง๋ฌธ์ ์ ์งํฉ๋๋ค :์ค๋ง์ผ:
์ง๋ฌธ์ ๋ํด, ๋น์ ์ ๊ฐ์ ๋ฆฌ์ ์ด๋ฒคํธ๋ฅผ ์ฒ๋ฆฌ ํ ์์๋ ์ด . ๋์์ด ๋์๊ธฐ๋ฅผ ๋ฐ๋๋๋ค!
๊ฐ์ฌํฉ๋๋ค. ๊ทธ๋ฐ ์์ผ๋ก ์ฌ์ค์ ์ด๋ฒคํธ๋ฅผ ์ฒ๋ฆฌํ ์ ์์ง๋ง ์๋ ํด์์ ํ ์ ์์ต๋๋ค. v-model
reset
์ด๋ฒคํธ๋ฅผ ์์ ํ๊ณ ์์ ๋ด๋ถ์ ๋ชจ๋ ์
๋ ฅ ์์์์ input
& change
๋ฅผ ์ฐพ์ ํธ๋ฆฌ๊ฑฐํ๋ ์ง์๋ฌธ์ ์์ฑํ ์ ์์ต๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
reset
์ด๋ฒคํธ๋ฅผ ์์ ํ๊ณ ์์ ๋ด๋ถ์ ๋ชจ๋ ์ ๋ ฅ ์์์์input
&change
๋ฅผ ์ฐพ์ ํธ๋ฆฌ๊ฑฐํ๋ ์ง์๋ฌธ์ ์์ฑํ ์ ์์ต๋๋ค.