文章詳情頁
javascript - 求解vue多個彈層同時出現并且有依賴關系的合理安排
瀏覽:127日期:2023-01-05 16:56:03
問題描述
像這種多個彈層出現,并且有次序關系的,如果安排最合理,最自然?
目前我用的是用一個modal組件,然后用插糟賽東西進入,點擊按鈕切換插槽里面的東西
,但是感覺蠻臟的,會出現這樣的代碼
問題解答
回答1:謝邀。
我沒有做過smart phone 端的這種彈層。 不過在PC上經常寫。
一般我是通過狀態來處理的, 比如 A -> B -> C. 用戶在A的時候(B,C是隱藏的)點擊確定后,將A隱藏,B顯示。在B的時候點擊確定,B隱藏 C顯示。如果回到上一層,那么C隱藏B顯示。大概這樣。
當然也有其他的好多方式,
如果是多個彈出層的方案, 要注意: 彈出的組件要支持沒有遮罩彈出,不然多個彈出層覆蓋在一起,會導致陰影遮罩重疊透明度變低,會越來越黑。 多個彈出的方案,并不太理想。
回答2:看著好像是叫人幫你優化這東西是吧,不想回答,哈哈哈哈哈
標簽:
JavaScript
相關文章:
1. HTML5不支持frameset一般怎么解決?2. javascript - Vue的計算屬性底層依賴原理是怎么樣?3. javascript - jquery怎么給select option一個點擊時觸發的事件,如圖 如果選擇自定義觸發一個時間?4. 網頁爬蟲 - python爬蟲用BeautifulSoup爬取<s>元素并寫入字典,但某些div下沒有這一元素,導致自動寫入下一條,如何解決?5. 百度地圖api - Android百度地圖SDK,MapView上層按鈕可見卻不可觸,怎么解決?6. mysql 獲取時間函數unix_timestamp 問題?7. html5 - canvas中的mousedrag事件,為什么鼠標拖出canvas,然后再次移入canvas,drag事件還觸發8. 新入手layuiadmin,部署到tp中。想用php自已寫一個后臺管理系統。9. javascript - react 組件 使用super()報錯10. javascript - es6擴展運算符...的問題
排行榜
