프로그래밍 방식으로 요소에 Vue 지시문 추가: v-if에 대한 단계별 가이드

Question

순수한 JS를 사용하여 프로그래밍 방식으로 요소에 사용자 정의 속성을 추가할 수 있습니다. element.attr('data-attr', someValue)，但是像 v-if

와 같은 Vue 지시어는 어떻습니까?

다음 요소가 주어짐

으아아아

프로그래밍 방식으로 v-if를 추가하는 방법은 무엇입니까? 존재하거나 존재하지 않을 수 있는 수백 개의 동적 변수가 있기 때문에 자동화 목적으로 이것을 요청합니다.

원하는 결과는

으아아아

내가 아는 유일한 단계는 ref 获取 created()의 요소를 사용하는 것입니다.

Answer 1

진술에 따르면 - 존재할 수도 있고 존재하지 않을 수도 있는 수백 개의 동적 변수가 있을 것입니다. 하지만 귀하의 댓글을 보면 > 루프 없음 이라고 말씀하셨는데요. 그렇다면 동적 요소를 어떻게 렌더링합니까?

제가 이해한 바에 따르면 데이터 속성을 HTML 템플릿에 동적으로 바인딩하고 싶습니다. 이 솔루션을 사용해 보고 요구 사항을 충족하는지 확인할 수 있습니다.

으아악 으아악

위의 코드 조각은 항상 기존 동적 속성과 함께 작동합니다.