μλ
νμΈμ.
μ²΄ν¬ λ°μ€μ λν΄ λ§€μ° μ΄μν λ¬Έμ κ° λ°μνμ΅λλ€.
<template lang="html">
<div>
<div v-for="(item,key) in test">
<input type="checkbox" v-model="item.active">
</div>
</div>
</template>
<script>
window.T = [{
active: false
}, {
active: false
}];
export default {
data() {
return {
test: T
}
},
methods: {}
}
</script>
λ¨Όμ μ½μμ T[0].active=true
μ μ
λ ₯νκ³ μ²« λ²μ§Έ μ²΄ν¬ λ°μ€κ° μ μμ μΌλ‘ μ νλμμ§λ§ λΈλΌμ°μ λ₯Ό μλ‘ κ³ μΉ¨ ν λ μλμΌλ‘ 첫 λ²μ§Έ μ²΄ν¬ λ°μ€λ₯Ό μ νν λ€μ T[0].active=false
λ₯Ό μ
λ ₯νμ΅λλ€. 첫 λ²μ§Έ νμΈλμ μ ν μ·¨μλμ§ μμ§λ§ λ λ²μ§Έ νμΈλμ μ½μμ ν΅ν΄ μ μμ μΌλ‘ (true / false) μ€μ ν μ μμ΅λλ€.
2.1.0 λ° 2.1.8 μλ, κ²°κ³Ό λμΌ, ν¬λ‘¬ λ²μ 54.0.2824.2
v-forλ₯Ό μ¬μ©νμ¬ μν μ μ₯ DOM μμ (μ
λ ₯ λ±)λ₯Ό λ λλ§νλ €λ©΄ μνκ° μ¬λ°λ₯Έμ§ νμΈνκΈ° μν΄ ν€ μμ±μ μΆκ°ν΄μΌν©λλ€.
https://cn.vuejs.org/v2/guide/list.html#key
μ΄ κΈ°λ³Έ λͺ¨λλ μ ν¨νμ§λ§ νμ κ΅¬μ± μμ μν λλ μμ DOM μν (μ : μμ μ λ ₯ κ°)μ μμ‘΄νμ§ μλ λͺ©λ‘ λ λλ§ μΆλ ₯μλ§ μ μ©λ©λλ€.
@fnlctrl λ΅μ₯μ
μ¬ν ν μ μμ΅λλ€. https://jsfiddle.net/1b7cux60/
@fnlctrl 3 μ΄ μ μ 첫 λ²μ§Έ
https://jsfiddle.net/1b7cux60/5/
κ³μ ν
μ€νΈ ν΄λ³΄μΈμ. μ€μ λ‘ λ¬Έμ κ° μμ΅λλ€.
https://jsfiddle.net/Lu3o86wt/
λ§μ§λ§ ν΄λ¦μ νμΈλ μνκ° μλͺ»λ©λλ€.
λ§μ§λ§μΌλ‘ ν΄λ¦ ν <input>
μ (λ) μλͺ»λ μνλ‘ μ μ§λ©λλ€.
ν¬λ‘¬
κ°μ₯μ리
@fnlctrl μ΄κ²μ μ€μ λ‘ λ²κ·Έκ° μλλλ€. μ²΄ν¬ λ°μ€μ μ΄μ μ΄ λ§μΆ°μ Έ μκΈ° λλ¬Έμ μλμ μΌλ‘ μ λ°μ΄νΈνμ§ μκΈ° λλ¬Έμ λλ€. μ μ΄λ ν μ€νΈ μ λ ₯μλ μλ―Έκ° μμ΅λλ€. λ€λ₯Έ μ λ ₯μ λν΄μλ μ¬κ³ ν μ μμ΅λλ€.
μ΄κ²μ # 4639λ₯Ό ν΅ν΄ μμ λμμ΅λλ€.
κ°μ₯ μ μ©ν λκΈ
μ΄κ²μ # 4639λ₯Ό ν΅ν΄ μμ λμμ΅λλ€.