vue1 및 vue2를 사용하여 DOM 요소를 얻는 단계에 대한 자세한 설명

이번에는 vue1과 vue2가 dom 요소를 얻는 단계에 대해 자세히 설명하겠습니다. vue1과 vue2가 dom 요소를 얻는 주의사항은 무엇인가요?

vue1.* 버전

태그에 el='dom'을 추가한 다음 코드에 this.$els.dom을 추가하여 페이지 요소를 가져옵니다

예: < p class='box' v-el: myBox>Hello

Hello 색상을 빨간색으로 표시합니다. this.$els.my-box.style.color = 'red'

vue2에서 .* 버전인 경우

태그에 ref='dom'을 추가한 다음 코드에 this.$refs.dom을 추가하여 페이지 요소를 가져옵니다

예:

Hello

Hello의 색상을 빨간색으로 표시합니다: this.$refs.myBox.style.color = 'red

읽고 나면 마스터하셨으리라 믿습니다. 이 기사의 사례 더 흥미로운 방법을 알고 싶다면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

JS

vue 함수 호출 시퀀스를 작동하는 방법

을 사용하여 동적으로 생성된 요소에 이벤트를 추가하는 단계에 대한 자세한 설명

위 내용은 vue1 및 vue2를 사용하여 DOM 요소를 얻는 단계에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!