Vue: .once는 .self와 잘 어울리지 않습니다.

문제를 제출해 주셔서 감사합니다. 문제보고 지침을 따르고 설명 된 동작으로 이어질 수있는 재현 가능한 단계 세트가 포함 된 최소한의 JSFiddle 또는 JSBin을 제공하십시오.

이것이 필요한 이유는 무엇입니까?

안녕하세요,

나는 OP는 아니지만 그가 언급 한 문제를 재현 할 수 있었다고 생각합니다. 설명을 위해 아래에 JSFiddle을 첨부했습니다.

JSFiddle

1. 'Eat'라는 단어를 클릭하면 예상대로 작동합니다. 이벤트가 시작되고 과일 데이터가 업데이트됩니다.

2. JSFiddle을 다시로드하고 span 자식 요소 'me'를 클릭 한 다음 'Eat'를 클릭하면 과일 데이터가 업데이트되지 않습니다.

도움이 되었기를 바랍니다.

@boristhuy JSFiddle을 제공해 주셔서 감사합니다. 이것이 바로 제가 의미하는 바입니다.

버그 일 것입니다. 현재 이벤트 핸들은 일단 들어가면 제거되며 실제로 수정 자 검사로 인해 실제로 호출되지 않습니다.

이를 지원하기 위해 once 코드를 업데이트해야 할 수도 있습니다.

처럼

(function(){
  var called = false;
  return function($events){
    // modifiers check
    // called check
    if (called)return;
    called = true;
    // handler code
  }
})()

렌더 기능에 사용되는 once 경우에는 큰 변화가있을 것입니다. 이 문제를 해결할 방법을 찾으려고합니다.

1. [wip] 템플릿의 once genCode를 업데이트합니다.
2. 대한 [완료] once 에 사용되는 기능을 렌더링 on: {'~click': handle} , 기존의 전략을 유지한다.
3. [완료] 다음 사례에 대한 updateListeners에 버그가 있습니다.
   이전 : '~click': handle
   신규 : 'click': handle2

@defcc 실행이 금지 된 핸들러에서 특수 값을 반환하여 수정했습니다. 이것은 언급 한 (3) 버그를 해결하지 못할 수도 있지만 필요한 경우 별도의 PR에서 처리하겠습니다.