Vue: v-model.numberκ°€ λΉ„μ–΄ μžˆμ„ λ•Œ 속성 제거

에 λ§Œλ“  2017λ…„ 05μ›” 22일  Β·  4μ½”λ©˜νŠΈ  Β·  좜처: vuejs/vue

이 κΈ°λŠ₯은 μ–΄λ–€ 문제λ₯Ό ν•΄κ²°ν•©λ‹ˆκΉŒ?

λΉ„μ–΄ μžˆμ„ λ•Œ λ¬Έμžμ—΄μ„ μƒμ„±ν•˜λŠ” v-model.numberλ₯Ό ν¬ν•¨ν•˜λŠ” MVM νλ¦„μ—μ„œ λ‹Ήμ—°νžˆ μ˜ˆμƒλ˜λŠ” λ””μžμΈ νŒ¨ν„΄ 문제λ₯Ό ν•΄κ²°ν•©λ‹ˆλ‹€.

숫자λ₯Ό μž…λ ₯ν•œ λ‹€μŒ μž…λ ₯μ—μ„œ ν…μŠ€νŠΈλ₯Ό μ‚­μ œν•˜λ©΄ λ°˜μ‘ 데이터 κ°œμ²΄μ—μ„œ λ¬Έμžμ—΄λ‘œ λ°”λ€λ‹ˆλ‹€.

이것은 ν™•μ‹€νžˆ μ£Όμš” μœ μš©μ„± 및 μΊμŠ€νŒ… 문제이며 λͺ¨λΈμ— 빈 λ¬Έμžμ—΄ 속성을 μœ μ§€ν•˜λ €λŠ” λͺ©μ μ΄ 보이지 μ•ŠμŠ΅λ‹ˆλ‹€. λΉ„μ–΄ μžˆμ„ λ•Œ λͺ¨λΈμ—μ„œ λΆ„λ¦¬λ˜μ–΄μ•Ό ν•©λ‹ˆλ‹€. ν…μŠ€νŠΈ ν•­λͺ©μ— μƒˆ 속성을 생성할 λ•Œμ™€ λ§ˆμ°¬κ°€μ§€λ‘œ κ·Έ λ°˜λŒ€λ„ λ§ˆμ°¬κ°€μ§€μž…λ‹ˆλ‹€.

이것은 ν™•μ‹€νžˆ ν•΄κ²°ν•΄μ•Ό ν•˜λŠ” λ””μžμΈ νŒ¨ν„΄ 문제이며 맀번 μ• ν”Œλ¦¬μΌ€μ΄μ…˜ μˆ˜μ€€μ—μ„œ κ΅¬ν˜„ν•  ν•„μš”κ°€ μ—†μŠ΅λ‹ˆλ‹€. VueJS2에 λ§Žμ€ 것을 μΆ”κ°€ν•  μž‘μ€ μˆ˜μ • 사항이며 λ§Žμ€ μ‚¬λžŒλ“€μ΄ 이에 λŒ€ν•΄ λ™μ˜ν•  것이라고 ν™•μ‹ ν•©λ‹ˆλ‹€!

μ œμ•ˆλœ APIλŠ” μ–΄λ–»κ²Œ μƒκ²ΌμŠ΅λ‹ˆκΉŒ?

ν˜„μž¬ μž…λ ₯이 λΉ„μ–΄ μžˆμ„ λ•Œ

v-model.number="λͺ¨λΈ.번호"
λͺ¨λΈ = {
숫자: ""
}

μž…λ ₯이 λΉ„μ–΄ μžˆμ„ λ•Œ μˆ˜ν–‰ν•΄μ•Ό ν•˜λŠ” μž‘μ—…

v-model.number="λͺ¨λΈ.번호"
λͺ¨λΈ = {
}

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

@posva Vue의 λ°˜μ‘μ„±μ„ 더 μ΄ν•΄ν•œ ν›„μ—λŠ” null을 λ°˜ν™˜ν•˜λŠ” 것이 λ¬Έμžμ—΄μ„ λ°˜ν™˜ν•˜λŠ” 것보닀 ν™•μ‹€νžˆ 더 λ‚˜μ€ μ˜΅μ…˜μ΄ 될 κ²ƒμž…λ‹ˆλ‹€.

λͺ¨λ“  4 λŒ“κΈ€

ν˜„μž¬ 행동이 μ˜ˆμƒλ˜λŠ” 행동이라고 μƒκ°ν•©λ‹ˆλ‹€.
v-model λŠ” v-bind:value 및 v-on:input λŒ€ν•œ ꡬ문 섀탕일 λΏμ΄λ―€λ‘œ input 이벀트 ν•Έλ“€λŸ¬κ°€ 객체의 속성을 μ‚­μ œν•˜λŠ” μž₯면을 λ§Œλ“€μ§€ μ•ŠλŠ” 것 κ°™μŠ΅λ‹ˆλ‹€( 그리고 μ•„λ§ˆλ„ κ·Έ μ†μ„±μ˜ λ°˜μ‘μ„±μ„ 깨뜨릴 κ²ƒμž…λ‹ˆλ‹€).

ν•΄κ²° 방법을 μ°Ύμ•„λ³΄κ² μŠ΅λ‹ˆλ‹€. κ°μ‚¬ν•©λ‹ˆλ‹€ :) πŸ‘

#4742μ—μ„œ λ³΄μ•˜λ“―μ΄ μ˜ˆμƒλœ λ™μž‘μž…λ‹ˆλ‹€. κ·Έ μ΄μœ λŠ” μž…λ ₯에 값이 μ œκ³΅λ˜μ§€ μ•Šμ„ λ•Œ μ‚¬μš©μžκ°€ μ•Œ 수 μžˆλ„λ‘ ν•˜κΈ° μœ„ν•¨μž…λ‹ˆλ‹€. 그렇지 μ•ŠμœΌλ©΄ μ‚¬μš©μžκ°€ 0을 μž…λ ₯ν•  μˆ˜λ„ 있고 빈 μž…λ ₯이 될 μˆ˜λ„ μžˆμŠ΅λ‹ˆλ‹€.

@posva Vue의 λ°˜μ‘μ„±μ„ 더 μ΄ν•΄ν•œ ν›„μ—λŠ” null을 λ°˜ν™˜ν•˜λŠ” 것이 λ¬Έμžμ—΄μ„ λ°˜ν™˜ν•˜λŠ” 것보닀 ν™•μ‹€νžˆ 더 λ‚˜μ€ μ˜΅μ…˜μ΄ 될 κ²ƒμž…λ‹ˆλ‹€.

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰