액세스 템플릿 요소 Prorgramatically

Question

는 템플릿에 선언 된 요소의 관련 요소 개체에 액세스 할 수있는 쉬운 방법이있다. 예를 들어 템플릿에 버튼이 있고 프로그래밍 방식으로 조작 할 수 있도록 ButtonElement 객체에 액세스하려고한다고 가정 해 보겠습니다.

는 내가 그것을 그것의 ID 및 쿼리를 onInsert 줄 수 주셔서 감사합니다. 이것이 최선의 방법입니까? 그렇다면 구성 요소의 여러 인스턴스가 사용되거나 그림자 DOM으로 제한된 쿼리 인 경우 ID가 고유하지 않은 것을 어떻게 중지합니까?

Answer 1

감사합니다. ID 및 질문에 대한 답변을 제공 할 수있어서 감사합니다. 이것이 최선의 방법입니까?

귀하가 실현 한대로 여러 명이있는 것은 아닙니다. 중복 ID는 동일한 구성 요소에서 여러 번 사용되었을 때 발생하지 않을뿐만 아니라 구성 요소가 페이지에 여러 번 삽입 된 경우에도 발생합니다.

당신은 항상 기존의 클래스와 함께 갈 수 :

... 
<template> 
    <div class="some-part-of-your-component">foo</div> 
</template> 
... 

DivElement somePart; 

inserted() { 
    somePart = _root.query('.some-part-of-your-component'); 
}