Vue: ν™•μΈλž€μ˜ κΈ°λ³Έ κ°’ 버그에 λŒ€ν•΄?

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

μ•ˆλ…•ν•˜μ„Έμš”.
체크 λ°•μŠ€μ— λŒ€ν•΄ 맀우 μ΄μƒν•œ λ¬Έμ œκ°€ λ°œμƒν–ˆμŠ΅λ‹ˆλ‹€.

<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

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

이것은 # 4639λ₯Ό 톡해 μˆ˜μ •λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

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

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> 은 (λŠ”) 잘λͺ»λœ μƒνƒœλ‘œ μœ μ§€λ©λ‹ˆλ‹€.

크둬
a

κ°€μž₯자리
b

@fnlctrl 이것은 μ‹€μ œλ‘œ 버그가 μ•„λ‹™λ‹ˆλ‹€. 체크 λ°•μŠ€μ— 초점이 맞좰져 있기 λ•Œλ¬Έμ— μ˜λ„μ μœΌλ‘œ μ—…λ°μ΄νŠΈν•˜μ§€ μ•ŠκΈ° λ•Œλ¬Έμž…λ‹ˆλ‹€. 적어도 ν…μŠ€νŠΈ μž…λ ₯μ—λŠ” μ˜λ―Έκ°€ μžˆμŠ΅λ‹ˆλ‹€. λ‹€λ₯Έ μž…λ ₯에 λŒ€ν•΄μ„œλŠ” 재고 ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

이것은 # 4639λ₯Ό 톡해 μˆ˜μ •λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

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