javascript - 효과를 얻으려면 vue.js를 사용하세요. li를 클릭하고 현재 클릭 li의 html 값을 가져오며 매개변수가 창 객체가 되나요?

Question

달성할 효과:

• li를 클릭하면 현재 클릭한 li의 html 값을 얻을 수 있습니다.

메인코드

으아악

문제 설명:

li를 클릭한 후 전달된 this는 li 객체가 아닌 창 객체로 인쇄되므로 객체를 찾을 수 없습니다. 현재 li 객체를 js에 전달하는 방법은 무엇입니까?

Answer 1

문서를 주의 깊게 읽으십시오. 설명할 수 없는 사용법에 대해 가정하지 마십시오.

인라인 이벤트가 원본 이벤트 개체에 액세스해야 하는 경우 $event 매개변수를 추가하기만 하면 됩니다. 이렇게:

으아악

현재li标签的对象，读取事件对象下的currentTarget属性就行了，即event.currentTarget를 얻어야 합니다.

Answer 2

으아악 으아악

Answer 3

li에 ref 속성을 추가한 다음 메소드의 this.$refs를 통해 dom 노드를 가져옵니다

Answer 4

테스트 가능:

으아악 으아악