λΉμ΄ μμ λ λ¬Έμμ΄μ μμ±νλ v-model.numberλ₯Ό ν¬ν¨νλ MVM νλ¦μμ λΉμ°ν μμλλ λμμΈ ν¨ν΄ λ¬Έμ λ₯Ό ν΄κ²°ν©λλ€.
μ«μλ₯Ό μ λ ₯ν λ€μ μ λ ₯μμ ν μ€νΈλ₯Ό μμ νλ©΄ λ°μ λ°μ΄ν° κ°μ²΄μμ λ¬Έμμ΄λ‘ λ°λλλ€.
μ΄κ²μ νμ€ν μ£Όμ μ μ©μ± λ° μΊμ€ν λ¬Έμ μ΄λ©° λͺ¨λΈμ λΉ λ¬Έμμ΄ μμ±μ μ μ§νλ €λ λͺ©μ μ΄ λ³΄μ΄μ§ μμ΅λλ€. λΉμ΄ μμ λ λͺ¨λΈμμ λΆλ¦¬λμ΄μΌ ν©λλ€. ν μ€νΈ νλͺ©μ μ μμ±μ μμ±ν λμ λ§μ°¬κ°μ§λ‘ κ·Έ λ°λλ λ§μ°¬κ°μ§μ λλ€.
μ΄κ²μ νμ€ν ν΄κ²°ν΄μΌ νλ λμμΈ ν¨ν΄ λ¬Έμ μ΄λ©° λ§€λ² μ ν리μΌμ΄μ μμ€μμ ꡬνν νμκ° μμ΅λλ€. VueJS2μ λ§μ κ²μ μΆκ°ν μμ μμ μ¬νμ΄λ©° λ§μ μ¬λλ€μ΄ μ΄μ λν΄ λμν κ²μ΄λΌκ³ νμ ν©λλ€!
νμ¬ μ λ ₯μ΄ λΉμ΄ μμ λ
v-model.number="λͺ¨λΈ.λ²νΈ"
λͺ¨λΈ = {
μ«μ: ""
}
μ λ ₯μ΄ λΉμ΄ μμ λ μνν΄μΌ νλ μμ
v-model.number="λͺ¨λΈ.λ²νΈ"
λͺ¨λΈ = {
}
νμ¬ νλμ΄ μμλλ νλμ΄λΌκ³ μκ°ν©λλ€.
v-model
λ v-bind:value
λ° v-on:input
λν ꡬ문 μ€νμΌ λΏμ΄λ―λ‘ input
μ΄λ²€νΈ νΈλ€λ¬κ° κ°μ²΄μ μμ±μ μμ νλ μ₯λ©΄μ λ§λ€μ§ μλ κ² κ°μ΅λλ€( κ·Έλ¦¬κ³ μλ§λ κ·Έ μμ±μ λ°μμ±μ κΉ¨λ¨λ¦΄ κ²μ
λλ€).
ν΄κ²° λ°©λ²μ μ°Ύμλ³΄κ² μ΅λλ€. κ°μ¬ν©λλ€ :) π
#4742μμ 보μλ―μ΄ μμλ λμμ λλ€. κ·Έ μ΄μ λ μ λ ₯μ κ°μ΄ μ 곡λμ§ μμ λ μ¬μ©μκ° μ μ μλλ‘ νκΈ° μν¨μ λλ€. κ·Έλ μ§ μμΌλ©΄ μ¬μ©μκ° 0μ μ λ ₯ν μλ μκ³ λΉ μ λ ₯μ΄ λ μλ μμ΅λλ€.
@posva Vueμ λ°μμ±μ λ μ΄ν΄ν νμλ nullμ λ°ννλ κ²μ΄ λ¬Έμμ΄μ λ°ννλ κ²λ³΄λ€ νμ€ν λ λμ μ΅μ μ΄ λ κ²μ λλ€.
κ°μ₯ μ μ©ν λκΈ
@posva Vueμ λ°μμ±μ λ μ΄ν΄ν νμλ nullμ λ°ννλ κ²μ΄ λ¬Έμμ΄μ λ°ννλ κ²λ³΄λ€ νμ€ν λ λμ μ΅μ μ΄ λ κ²μ λλ€.