HTML 태그에서 노드를 얻는 방법은 무엇입니까?

Question

클릭 이벤트를 사용하는 경우 이벤트를 사용하여 현재 노드를 찾을 수 있습니다.
그러나 이벤트가 바인딩되지 않은 경우 p标签

에서 현재 p 노드를 얻는 방법 으아악

---

제 요구 사항은 스크롤 막대를 통해 다른 노드로 스크롤할 때 v-show=true

입니다. 으아악 으아악

Answer 1

사용자 지정 지침을 사용하여 구현할 수 있습니다. 데모:
https://jsfiddle.net/fedesign...

Answer 2

scrollTop 및 offsetTop은 모두 변수입니다.
scroll 이벤트를 body의 scrollTop 및 모든 필수 p와 바인딩해 보세요. 모든 offsetTop이 데이터에 저장되나요?
그럼 scrollTop和offsetTop都是变量。
你要不绑定scroll事件的时候把body的scrollTop和所有需要的p的offsetTop都获取下存到data里？
然后

<p ref='pBox'>
    <p v-show='bodyScrollTop === offsetTop.p1'>这是一个段落1</p>
    <p v-show='bodyScrollTop === offsetTop.p2'>这是一个段落2</p>
    <p v-show='bodyScrollTop === offsetTop.p3'>这是一个段落3</p>
</p>

不过我对效果有点疑问，就是好几个p未显示的时候他们的offsetTop是不是同一个值。
然后我想知道你的p 으아악

그러나 효과에 대해서는 몇 가지 의구심이 있습니다. 즉, 여러 p가 표시되지 않으면 해당 offsetTop이 동일한 값을 갖습니다.
그럼 p 노드가 무엇을 참조하는지 알고 싶습니다. 텍스트 노드? 🎜

Answer 3

으아악

Answer 4

답변해 주셔서 감사합니다. 최종 해결책은 다음과 같습니다.

으아악 으아악 으아악