Vue를 사용하여 DOM 요소를 가져오고 속성을 설정하는 방법

여기서 2가지 방법을 생각했습니다.

방법 1:

해당 요소에 직접 ID를 추가한 다음

document.getElementById("id");

가지고 해당 속성이나 스타일을 설정합니다.

방법 2:

ref를 사용하여 요소에 해당 Add ref="name"을 제공한 다음 this.$refs.name

에서 요소를 가져옵니다. 참고: 해당 요소를 가져오기 전에 마운트 후크에 마운트해야 합니다. 그렇지 않으면 얻은 값이 비어 있게 됩니다. ,

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

　하위 구성 요소에 ref를 추가한 다음 DOM 요소에 도달하고 해당 사용자 정의 속성의 값을 변경하면 vue에서 오류를 보고합니다.

 Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "title"

위 내용은 Vue를 사용하여 DOM 요소를 가져오고 속성을 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!