Vue: 브라우저에 따라 클릭 이벤트 전후에 데이터를 업데이트하는 Vue

에 만든 2016년 06월 22일 · 3코멘트 · 출처: vuejs/vue

v1.0.20

Chrome/Firefox는 한 가지 방식으로 작동하지만 IE 11/Edge는 다른 방식으로 작동합니다.

Chrome/Firefox - 확인란을 클릭하여 false에서 true 상태로 변경하면 vue는 click 이벤트 전에 row.selected 값을 true로 업데이트하지 않습니다.

IE 11/Edge - 체크 박스를 클릭하여 false에서 true로 변경하면 vue는 click 이벤트 전에 row.selected 값을 true로 업데이트합니다.

참에서 거짓 상태로 가는 것과 같은 것

출처

loki0609

가장 유용한 댓글

Vue.nextTick 에 변경 처리기의 논리를 래핑하여 이 문제를 해결했습니다. 그런 다음 항상 업데이트된 값에 액세스합니다.
또 다른 해결책은 부동산의 감시자가 될 수 있습니다.

katebe 에 2017년 06월 19일

👍2

다른 브라우저는 change 및 click 이벤트를 다른 순서로 트리거합니다. 이것은 Vue가 변경할 수 있는 것이 아니며 Vue가 이 동작을 정규화할 책임이 없습니다. click 대신 change 이벤트를 수신해야 합니다.

yyx990803 에 2016년 06월 23일

👍1

katebe 에 2017년 06월 19일

👍2

허용되는 답변은 Evan의 답변이어야 합니다. 그것은 모든 경우에 작동합니다.

stratboy 에 2020년 03월 16일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

vue와 함께 localStorage를 사용하는 방법은 무엇입니까?

seemsindie · 3코멘트

'before' 및 'after'와 같은 'v-on' 지시문에 일부 후크를 추가하는 것은 어떻습니까?

Jokcy · 3코멘트

[제안] Vue 2.0 - vm.$appendTo - 싱글톤 컴포넌트

paulpflug · 3코멘트

기능: 부분에 대한 대체 콘텐츠

bfis · 3코멘트

폼의 리셋 기능에 대해

lmnsg · 3코멘트