반응형
BootstrapVue 회전목마에 이미지를 포함하려면 어떻게 해야 하는가?
BoostrapVue에 있는 b-carousel의 img-src=" 속성에 이미지를 추가하려고 한다.이미지는 현재 자산 폴더에 저장되어 있다.
<b-carousel-slide img-src="../assets/life.jpg">
<h1>Hello world!</h1>
</b-carousel-slide>
결과 이미지 아래에 Find를 추가했다.
이미지가 올바른 위치에 올바르게 저장되어 있는지 확인하십시오.
웹 팩과 함께 로더를 사용하는 경우(예: vue-loader, url-loader 등) 로더가 다음을 알고 있는지 확인하십시오.img-srcURL을 수신하다
로더에게 사용자 지정 구성 요소의 URL 소품 처리를 지시하는 방법은 다음 문서를 참조하십시오. https://bootstrap-vue.js.org/docs/reference/images(Vue Loader 참조).transformAssetUrls)
참조URL: https://stackoverflow.com/questions/58456815/how-do-i-include-image-in-bootstrapvue-carousel
반응형
'IT이야기' 카테고리의 다른 글
| Vue Js - v-for X time(범위 내)을 통한 루프 (0) | 2022.03.10 |
|---|---|
| 모든 입력 값 가져오기 - Vuejs (0) | 2022.03.10 |
| 가져오기 오류: 모듈 이름 urllib2 없음 (0) | 2022.03.10 |
| 비활성화된 버튼에 Vuetify 도구 설명 표시 (0) | 2022.03.10 |
| Vue/Vuetify - 알 수 없는 사용자 지정 요소: - 구성 요소를 올바르게 등록하셨습니까? (0) | 2022.03.10 |