這是我開發(fā)項(xiàng)目的時(shí)候 碰到的問題么介,因?yàn)楣緦撁嬉蟊容^多,所以踩了很多坑,真的燒腦啊底靠。
問題1:如果彈窗 點(diǎn)擊外面 不讓窗口關(guān)閉
在el-dialog標(biāo)簽里加上?:close-on-click-modal="false" (默認(rèn)是 可以關(guān)閉的)
問題2:有時(shí)候發(fā)現(xiàn)組件套多了,彈窗的遮罩層的層級在彈窗之上?(看審查元素 會(huì) 發(fā)現(xiàn)組件是在 最外面引入的)
在el-dialog標(biāo)簽里加上?:modal-append-to-body='false'
問題3:這個(gè)問題很坑特铝,如果公司要求 點(diǎn)擊遮罩層需要關(guān)閉彈窗暑中,你會(huì)發(fā)現(xiàn)在彈窗里 引入的組件 點(diǎn)擊后也會(huì) 關(guān)閉彈窗(網(wǎng)上解決方法都是用JS解決的,個(gè)人覺得很麻煩)
那么你只需要?el-dialog寫在外面苟呐,標(biāo)簽里面直接引入組件頁面 在引入的組件頁面里 寫你的代碼 就可以解決了痒芝。(看下圖)
問題4:el-dialog 如果加了??:modal-append-to-body='false' 解決了 遮罩層的問題,那么在el-dialog里再用?MessageBox 彈框 會(huì)發(fā)現(xiàn) 遮罩層 又存在關(guān)不掉了牵素!
那么只要在?el-dialog標(biāo)簽里 添加?:append-to-body="true"? 最后作者試了下 設(shè)置?:append-to-body="true" 是最好的方法严衬,直接把??:modal-append-to-body='false' 刪掉就行了。
喜歡的話笆呆,大家點(diǎn)贊收藏一下吧请琳!