배경 클릭 시 모달 닫힘 방지 [Vuejs]

배경 클릭 시 모달 닫힘 방지 [Vuejs]

vue-js-modal 라이브러리를 사용하고 있으며 매뉴얼과 동일한 절차를 따르지만 모달 열기 시 사용자가 모달 뒤에 있는 배경을 클릭했을 때 모달을 닫을 수 없도록 구현해야 합니다.

속성을 사용하는 문서에서는 [ToClose]를 클릭하지만 모달 오류 메시지 내에서 사용하면 다음과 같은 메시지가 나타납니다.

<modal name="image-modal" clickToClose="false"></modal>

오류 메시지:

Vue warn]: Invalid prop: type check failed for prop "clickToClose". Expected Boolean, got String.

이 문제에 대한 해결책은 무엇입니까?

clickToClose="false"를 설정합니다.clickToClose현의 버팀목"false".

를 사용하여 임의의 JavaScript 식에 바인드해야 합니다.

<modal name="image-modal" :clickToClose="false"></modal>

위의 토막에서false는 문자열이 아닌 JavaScript 코드로 평가됩니다.

이후 bootstrap-vue를 사용하는 사용자: "no-close-on-back-drop"을 추가하고 "true"로 설정합니다.

<b-modal id="modal_id" :no-close-on-backdrop="true">

clickToClose의 kebabCase가 작동하지 않을 수 있습니다.난 이거면 돼

<modal name="image-modal" v-bind:click-to-close="false"></modal>

vue-js Modal()을 사용하는 동안모달에는 배경이라는 소유물이 있다.이걸 쓰세요.

:close-on-backdrop="false" :close-on-esc="false"

모달 태그에.

언급URL : https://stackoverflow.com/questions/51929397/prevent-modal-to-close-when-click-on-the-background-vuejs