Vue에서 DOM 요소를 얻는 방법

Vue의 dom 요소 획득 방법: 1. 해당 dom 요소에 id를 추가하고 "document.getElementById("id")" 문을 사용하여 요소를 획득합니다. 2. 해당 dom 요소에 "ref="name""을 추가합니다. dom 요소의 경우 "this.$refs.name"을 사용하여 요소를 가져옵니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, vue 버전 2.9.6, DELL G3 컴퓨터.

vue는 DOM 요소를 가져오고 조작합니다

방법 1:

해당 요소에 id를 직접 추가한 다음 document.getElementById("id")가져온 다음 해당 속성 또는 스타일을 설정하세요<code>id，然后再document.getElementById("id")获取，然后设置相应属性或样式

方法二：

使用ref，给相应的元素加ref="name"， 然后再this.$refs.name

방법 2:

ref를 사용하고 해당에 ref=를 추가합니다. 요소 "name"을 선택한 다음 this.$refs.name을 사용하여

요소를 가져옵니다. 참고: 해당 요소를 가져오기 전에 이 작업을 완료해야 합니다. 그렇지 않으면 얻은 값은 비어 있습니다.

　 하위 구성 요소에 ID를 추가하고 사용자 정의 속성을 수정하면 수정된 하위 구성 요소에 해당하는 외부 p가 직접 로드되고 하위 구성 요소의 원래 자체는 변경되지 않습니다. 속성 값을 정의합니다.

　 하위 구성 요소에 ref를 추가하고 DOM 요소를 얻은 후 해당 사용자 정의 속성의 값을 변경하면 vue는 오류를 보고합니다:

🎜🎜🎜🎜🎜🎜🎜 🎜관련 추천: " 🎜vue.js tutorial🎜》🎜

위 내용은 Vue에서 DOM 요소를 얻는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!