v-model์ด ์
๋ฐ์ดํธ๋๊ธฐ ์ ์ @click ์ด ์คํ๋์๊ธฐ ๋๋ฌธ์ ์ด ๊ฒฝ๋ก๋ฅผ ์์ํ์ต๋๋ค(์: http://jsfiddle.net/5sH6A/308/ ).
๊ทธ๋์ ๊ทธ ๊ฐ์น๊ฐ ๋ฌด์์ธ์ง ์์ง ๋ชปํ๋ค. ๋๋ watch: function์์ ๋ด ๋
ผ๋ฆฌ๋ฅผ ์๋ํ ๊ฒ์ด๋ผ๊ณ ์๊ฐํ์ง๋ง ์๋ ๋ฌธ์ ๋ฅผ ๋ฐ๊ฒฌํ์ต๋๋ค.
1.0.16
http://jsfiddle.net/5sH6A/303/
ํ์ธ๋์ ํด๋ฆญํ๊ณ ์ทจ์๋ฅผ ์ ํํฉ๋๋ค.
์ฒดํฌ๋ฐ์ค๋ ๋น์ด ์์ด์ผ ํฉ๋๋ค.
๋ฐ์ธ๋ฉ๋ ๋ฐ์ดํฐ๊ฐ false์ธ ๋์ ํ์ธ๋์ด ์ ํ๋จ์ ํ์ํฉ๋๋ค.
์ด๊ฒ์ ํธํ์ฑ์ ๊ดํ ๊ฒ ๊ฐ์ต๋๋ค.
Windows 10์ Edge 12 ๋ฐ IE11์์๋ ์ ์๋ํ์ง๋ง chrome 49.0.2623.110์์๋ ์๋ํ์ง ์์ต๋๋ค.
๋ํ ์คํ ์์ธ ๋ฆฝ์์ ํ์ด์ดํญ์ค 41๋ก ๊นจ์ง๋๋ค.
๊ฐ์์ ๋ด๋ถ์์ ๊ฐ์ ๊ฐ์ ์ค์ ํ๋ ๊ฒ์ ํญ์ ๋์ ์๊ฐ์ ๋๋ค...
์ด๊ฒ์ ์ฒ๋ฆฌํ๋ ๊ฐ์ฅ ์ฌ์ด ๋ฐฉ๋ฒ์ ๋จ์ํ v-model
๋ฅผ ์ฌ์ฉํ์ง ์๋ ๊ฒ์
๋๋ค. ์ด์จ๋ ๊ฐ์ ์ง์ ์ ์ดํ๋ ค๊ณ ํฉ๋๋ค. http://jsfiddle.net/yyx990803/5sH6A/310/
์ด ํํฐ์ ๋งค์ฐ ๋ฆ์์ง๋ง ๋ช ๋
์ด ์ง๋ ํ์๋ ์ฌ์ ํ ๋์๊ฒ ์ค์ํ ๋ฌธ์ ์
๋๋ค. ๋ด ์๋ฃจ์
:
v-model๊ณผ ํจ๊ป ์ฒดํฌ๋ฐ์ค ์
๋ ฅ์ ์ฌ์ฉํ ๋ onchange @change ํธ๋ค๋ฌ๋ฅผ ์ฌ์ฉํ์ญ์์ค. IE์ ํฉ๋ฆฌ์ ์ธ ๋ธ๋ผ์ฐ์ ๋ชจ๋์์ ์๋ํฉ๋๋ค.
์ด์ํ๊ฒ๋ v-model ์ฒดํฌ๋ฐ์ค์ @click ์ ์ฌ์ฉํ๋ฉด v-model ์์ฑ์ ๊ฐ(์: "flgChecked")์ด Chrome/Firefox ํด๋ฆญ ํธ๋ค๋ฌ์์ ๋ฐ์ ๋ฉ๋๋ค. ์ฆ, ์ฒดํฌ๋ฐ์ค๋ฅผ ์ผ์ง ์์น๋ก ํด๋ฆญํ๋ฉด false๊ฐ ๋๊ณ ๊บผ์ง ์์น๋ก ํด๋ฆญํ๋ฉด true๊ฐ ๋ฉ๋๋ค. ๊ทธ๋์ -- ๊ฑฐ๊พธ๋ก. ๊ทธ๋ฌ๋ IE๋ ์ค์ ๋ก "์ฌ๋ฐ๋ฅด๊ฒ" ๋ณด๊ณ ํฉ๋๋ค. ๊ทธ๋์ . . . @change๋ฅผ ์ฌ์ฉํฉ๋๋ค.
์๋๋ฉด ๋ด๊ฐ ๋ญ๊ฐ๋ฅผ ๋์น๊ณ ์๋ ๊ฒ์ผ ์๋ ์์ต๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
์ด ํํฐ์ ๋งค์ฐ ๋ฆ์์ง๋ง ๋ช ๋ ์ด ์ง๋ ํ์๋ ์ฌ์ ํ ๋์๊ฒ ์ค์ํ ๋ฌธ์ ์ ๋๋ค. ๋ด ์๋ฃจ์ :
v-model๊ณผ ํจ๊ป ์ฒดํฌ๋ฐ์ค ์ ๋ ฅ์ ์ฌ์ฉํ ๋ onchange @change ํธ๋ค๋ฌ๋ฅผ ์ฌ์ฉํ์ญ์์ค. IE์ ํฉ๋ฆฌ์ ์ธ ๋ธ๋ผ์ฐ์ ๋ชจ๋์์ ์๋ํฉ๋๋ค.
์ด์ํ๊ฒ๋ v-model ์ฒดํฌ๋ฐ์ค์ @click ์ ์ฌ์ฉํ๋ฉด v-model ์์ฑ์ ๊ฐ(์: "flgChecked")์ด Chrome/Firefox ํด๋ฆญ ํธ๋ค๋ฌ์์ ๋ฐ์ ๋ฉ๋๋ค. ์ฆ, ์ฒดํฌ๋ฐ์ค๋ฅผ ์ผ์ง ์์น๋ก ํด๋ฆญํ๋ฉด false๊ฐ ๋๊ณ ๊บผ์ง ์์น๋ก ํด๋ฆญํ๋ฉด true๊ฐ ๋ฉ๋๋ค. ๊ทธ๋์ -- ๊ฑฐ๊พธ๋ก. ๊ทธ๋ฌ๋ IE๋ ์ค์ ๋ก "์ฌ๋ฐ๋ฅด๊ฒ" ๋ณด๊ณ ํฉ๋๋ค. ๊ทธ๋์ . . . @change๋ฅผ ์ฌ์ฉํฉ๋๋ค.
์๋๋ฉด ๋ด๊ฐ ๋ญ๊ฐ๋ฅผ ๋์น๊ณ ์๋ ๊ฒ์ผ ์๋ ์์ต๋๋ค.