首頁猿問 VUE 彈窗組件開發(fā)？

VUE 彈窗組件開發(fā)？

JavaScript

qq_笑_17 2018-12-20 18:13:44

最近需要開發(fā)一個彈窗的組件，想了一個思路不知道靠不靠譜。創(chuàng)建一個vuex的狀態(tài)開關(guān)去控制彈窗的顯示與隱藏。有兩種彈窗的風(fēng)格，只有一個確定按鈕的提示框，還有就是一個確定或取消的選擇框（暫時只想到這兩種）問題是：點擊后的回調(diào)。是通過 <pop :回調(diào)1=“回調(diào)1”></pop> 還是為確定，或取消，設(shè)置一個方法，通過$emit 傳到父組件。父組件再去寫回調(diào)？

查看完整描述

1 回答

蕪湖不蕪

TA貢獻(xiàn)1796條經(jīng)驗獲得超7個贊

我覺得這種彈框組件，想要設(shè)計一個靈活的顯示隱藏的方法。

1.在組件內(nèi)定一個函數(shù)處理顯示隱藏，控制顯示隱藏的變量設(shè)置通過屬性傳遞我覺得不能用vuex保存在store中，因為一個彈框組件是單獨的個體，用完即釋放了，沒有必要用store來保存）
2.組件上設(shè)置一個屬性來重寫顯示隱藏的方法，可以滿足一些特殊需求（在顯示隱藏的時候，做些其他操作和業(yè)務(wù)邏輯的處理）
3.事件傳遞，在子組件內(nèi)使用 $emit發(fā)出事件，父組件中通過監(jiān)聽事件來處理

栗子我就不寫了，你應(yīng)該能看懂我的意思吧。

反對回復(fù) 2019-01-18