HTML 파일에서 Vue div로 HTML 로드
그래서 Jsfiddle을 사용해서 THIS {{응답했습니다.텍스트}}
<div>{{respondedText}}</div>다만, 「Event Received:」를 표시하는 대신에, 파일이나 사이트에서 HTML 컨텐츠를 읽어, 그 div에 로드합니다.이벤트 2"
이것은 궁극적으로 제가 사용하려는 목적을 위한 빌딩 블록입니다.이 예제를 성공적으로 실행함으로써 전체 페이지를 새로고침하지 않고 서버의 다른 로컬 파일에서 html을 불러오는 버튼이 있는 웹 앱을 구축할 수 있기를 바랍니다.
요소를 활성 HTML로 채우려면v-html지시의
<div v-html="respondedTest"></div>
이렇게 하면 모든 유효한 HTML이 허용되지만 Vue 구성 요소를 비동기식으로 로드할 수 없습니다. 정적 HTML 전용입니다.HTML 전용입니다.
클릭 이벤트와 함께 HTML을 전송하기 위한 JSFiddle 업데이트입니다.
편집:
질문의 정신을 살펴보면 vue-router를 참조할 수 있습니다.이것은 표준 페이지 라우팅 시스템과 유사한 라우팅 시스템을 갖춘 단일 페이지 앱을 사용할 수 있는 매우 좋은 시스템입니다.또한 정적 HTML 대신 페이지에 Vue 구성 요소를 마운트할 수 있습니다.
언급URL : https://stackoverflow.com/questions/46243345/load-html-from-html-file-into-vue-div
'programing' 카테고리의 다른 글
| vue-cli 웹 팩 인코딩 이미지 base64 사용 안 함 (0) | 2022.08.27 |
|---|---|
| Java를 사용하여 정규 표현을 사용하여 더 큰 문자열의 하위 문자열 검색 (0) | 2022.08.27 |
| Mockito를 사용한 클래스의 멤버 변수 모킹 (0) | 2022.08.25 |
| 잘못된 소품: 소품 "data"에 대한 형식 검사에 실패했습니다.어레이가 필요하지만 오브젝트가 있습니다. (0) | 2022.08.25 |
| v-if / v-show를 사용하지 않고 vue로 이행 (0) | 2022.08.25 |