我正在工作一個Vue項目,並且我正在使用Vuex來管理應用程序狀態。我已經將應用程序的視圖分離爲許多小布局,如Vue組件。例如,我有一個header
和浮動stats
面板的佈局。在Vue中管理演示數據(調整事件大小)?
我寫了一個自定義指令來粘貼stats
面板。目前,這與Bootstrap類似,您可以在其中設置值,並且當頁面滾動超過該點時,將向該元素添加一個affix
CSS類。該值基於header
的高度。由於應用程序是響應式的,我寧願從頭部outerHeight
屬性計算出此值。現在
,我能想到的就如何做到這一點幾種方法,但是我不知道正確的Vue公司辦法做到這一點。
- 我可以偵聽調整大小事件,並讓頭更新它在Vuex商店中的高度。但是,讓商店管理演示數據似乎是一種不好的做法。
- 我可以將標頭的
id
傳遞給詞綴指令,並使用getElementById
來檢查高度。但是這完全繞過了Vue。 - 我可以添加一個方法到
header
來返回它的高度,並讓父組件保持header
和stats
面板都使用它來更新附加值。但是,如果header
和stats
不共享相同的父級,則會變得很混亂。
還有其他的選擇嗎?最佳做法是什麼?謝謝!
那麼,直到我得到一個令人信服的論點反對#1,這對我來說很有用!謝謝! – SpaceCowboy2071
那麼沒有銀彈 - 你做什麼可以幫助你最好:)我認爲這是Vuex的主要目的 - 使全球數據流動嚴格和可預測。乾杯! –