v-for 지시어가 토글하는 상태에서(목록의 다른 체크박스를 토글하지 않고) 객체에 연결된 체크박스를 포함하는 목록을 만들려면 어떻게 해야 합니까?

Question

VueJS(2.x)를 사용하여 클라이언트 측 할 일 목록을 만들려고 합니다. 이것은 내 HTML입니다:

으아악

그런 다음 scripts/app.js에서 다음을 수행했습니다.

으아악

내 문제는 간단합니다. 주어진 목록에서 확인란의 상태를 변경하면(선택 또는 선택 취소) 바로 다음 확인란도 상태를 전환합니다.

왜 이런 일이 발생하는지, 어떻게 해결해야 하는지 모르겠습니다. 누군가 이런 일이 발생하는 이유(v-for/switch-state가 잘못 작동할 때 여기로 돌아올 필요가 없도록)와 해결 방법을 알려줄 수 있다면 좋을 것입니다!

Answer 1

1. 우선. data中最好使用Function，而不是Object그렇지 않으면 업데이트 오류가 발생할 수 있습니다.

Because Function는 구성 요소 정의에 사용될 때만 허용됩니다.

으아아아

2. 직접 compulated 属性，该属性默认只有一个 Compulated Getter。如果要处理 compated 属性，请给出 计算设置器 변경할 수 없습니다.

으아아아

3. vue2는 배열의 변경 사항을 인식하지 못하기 때문에 v-for를 통해 값을 바인딩할 수 없습니다.

으아아아

---

으아아아 으아아아