javascript - Bagaimana untuk menutup modal dengan mengklik di tempat lain dalam vue
我想大声告诉你2017-05-19 10:35:22
0
3
748
Seperti yang ditunjukkan dalam gambar, bagaimana untuk menutup lapisan pop timbul ini dengan mengklik di tempat lain. Sangat mudah untuk beroperasi dengan jquery Saya ingin tahu apakah idea untuk melaksanakan fungsi ini dalam vue?
Apabila modal muncul, tulis tindanan lapisan topeng di bawah modal, gaya css ialah position: fixed; top: 0; right: 0; bottom: 0; left: 0; dan ikat acara klik padanya untuk menutup modal
Anda boleh mengikat acara klik secara global dan menghalang acara klik daripada menggelegak pada lapisan pop timbul ini untuk mencapai kesan yang anda inginkan.
Jika anda memperkenalkan jquery, gunakan kaedah penulisan jquery untuk menulis pada komponen semasa, jika tidak, anda akan menulis sendiri peristiwa asli. Anda boleh merujuk kepada baris 63 komponen popover dalam element.ui.
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Apabila modal muncul, tulis tindanan lapisan topeng di bawah modal, gaya css ialah
position: fixed; top: 0; right: 0; bottom: 0; left: 0;dan ikat acara klik padanya untuk menutup modalAnda boleh mengikat acara klik secara global dan menghalang acara klik daripada menggelegak pada lapisan pop timbul ini untuk mencapai kesan yang anda inginkan.
Jika anda memperkenalkan jquery, gunakan kaedah penulisan jquery untuk menulis pada komponen semasa, jika tidak, anda akan menulis sendiri peristiwa asli.
Anda boleh merujuk kepada baris 63 komponen popover dalam element.ui.