>웹 프론트엔드 >JS 튜토리얼 >vue1 및 vue2를 기반으로 dom 요소를 얻는 방법

vue1 및 vue2를 기반으로 dom 요소를 얻는 방법

亚连
亚连원래의
2018-05-29 16:32:461869검색

이제 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

위는 제가 모든 사람을 위해 편집한 것입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:

VUE에 대한 자세한 설명 element-ui의 ElTableColumn 확장에 대한 자세한 설명

Vue 사용자 정의 동적 구성 요소 인스턴스

Javascript 성능 최적화를 위한 시간 공유 기능 소개

위 내용은 vue1 및 vue2를 기반으로 dom 요소를 얻는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.