Vue 1.x์์ 2.0.3์ผ๋ก ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ง์ด๊ทธ๋ ์ด์ ํ๋ ์ค์ ๋๋ค. ์ด ์์ฉ ํ๋ก๊ทธ๋จ์์๋ ๊ฐ v-model์ด ๋ฐฐ์ด์ ๊ฐ๋ณ ์ธ๋ฑ์ค์ ๋ฐ์ธ๋ฉ๋๋ ์ฌ๋ฌ ์ ํ ํญ๋ชฉ์ด ์์ต๋๋ค. ์ด๊ฒ์ Vue 1.x์์๋ ๋ฌธ์ ๊ฐ ์์ง๋ง ๋ฒ์ 2์์๋ ์ ๋ฐ์ดํธ๋์ง ์์ต๋๋ค. ๋๋ ์ด๊ฒ์ด ์ ์ฌ์ ์ธ ๋ฒ๊ทธ๋ผ๊ณ ์๊ฐํฉ๋๋ค.
์ฌ๊ธฐ์์ ๋ฌธ์ ๋ฅผ ์ฌํํ์ต๋๋ค.
https://jsfiddle.net/peterkorgaard/a7vvz753/18/
2.0.3
https://jsfiddle.net/peterkorgaard/a7vvz753/18/
๋๋ ์ด๊ฒ์ ์กฐ์ฌํ๊ณ ์๋ค. ์ ํ ํญ๋ชฉ์ด ์ฌ๋ฐ๋ฅด๊ฒ ๊ด์ฐฐ๋์ง ์๋ ๊ฒ ๊ฐ์ต๋๋ค.
@peterkorgaard ์ฌ๊ธฐ์์ ํผ๋ค๋ฌ๋ฅผ ์ ๋ฐ์ดํธํฉ๋๋ค https://jsfiddle.net/defcc/a7vvz753/20/ , ํด๊ฒฐ ๋ฐฉ๋ฒ์ผ๋ก ์ด์ ๊ฐ์ด ์ฌ์ฉํ ์ ์์ต๋๋ค.
์์ธํ ๋ด์ฉ์ http://vuejs.org/guide/reactivity.html#Change -Detection-Caveats๋ฅผ ์ฐธ์กฐํ์ญ์์ค.
์ ๋ ๊ฐ์ ์ง๋ฌธ์ ๋ฐ์์ต๋๋ค.
@defcc ๋ชจ๋ธ์ ํญ๋ชฉ ์๋ฅผ ์ด๋ฏธ ์๊ณ ์๋ ์๋ฃจ์ ์ ํตํด ํด๊ฒฐํ ์ ์์ต๋๋ค. ๋ชจ๋ธ์ ๋ฐฐ์ด์์ ๊ฐ์ฒด๋ก ๋ณ๊ฒฝํ๋ฉด ์ด๋ป๊ฒ ํ ์ ์์ต๋๊น?
๋ชจ๋ธ ๋ฐ์ธ๋ฉ์ ๋ด๋ถ ๊ตฌํ์์ model [index] = ์ ์ฌ์ฉํ๋ฏ๋ก ๊ฐ์ฒด ์ ํ์ ์ฌ์ฉํด์ผ http://vuejs.org/guide/list.html#Caveats
์์ฑ์ ์ ํ ํญ๋ชฉ์ ์ด๊ธฐํํ๊ณ selectBoxes ๋ฐ์ดํฐ๊ฐ ์ ๋ฐ์ดํธ ๋ ํ ์ ํ ํญ๋ชฉ์ ์ ๋ฐ์ดํธ ํ ์ ์์ต๋๋ค.
์ฌ๊ธฐ์์ ํผ๋ค๋ฌ๋ฅผ ์ ๋ฐ์ดํธํฉ๋๋ค https://jsfiddle.net/defcc/a7vvz753/21/
@defcc Bravo,์ด ์๋ฃจ์ ์ ๋๋ฅผ ์ํด ์ ์๋ํ์ต๋๋ค. ์ ๋ง ๊ณ ๋ง์ต๋๋ค!
์ด๊ฒ์ ๋ช ํํ ํด์ฃผ์ @defcc ๊ฐ์ฌํฉ๋๋ค. ๋ฌธ์ ๊ฐ ํด๊ฒฐ ๋ ๋๊น์ง์ด ํด๊ฒฐ ๋ฐฉ๋ฒ์ ์ฌ์ฉํ๊ฒ ์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ ๋ชจ๋๊ฐ Vue์์ ์ํํ๋ ํ๋ฅญํ ์์ ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค. ์ ๋ง ๋๋์ต๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
๋ชจ๋ธ ๋ฐ์ธ๋ฉ์ ๋ด๋ถ ๊ตฌํ์์ model [index] = ์ ์ฌ์ฉํ๋ฏ๋ก ๊ฐ์ฒด ์ ํ์ ์ฌ์ฉํด์ผ http://vuejs.org/guide/list.html#Caveats
์์ฑ์ ์ ํ ํญ๋ชฉ์ ์ด๊ธฐํํ๊ณ selectBoxes ๋ฐ์ดํฐ๊ฐ ์ ๋ฐ์ดํธ ๋ ํ ์ ํ ํญ๋ชฉ์ ์ ๋ฐ์ดํธ ํ ์ ์์ต๋๋ค.
์ฌ๊ธฐ์์ ํผ๋ค๋ฌ๋ฅผ ์ ๋ฐ์ดํธํฉ๋๋ค https://jsfiddle.net/defcc/a7vvz753/21/