我可以在Vue中使用帶有箭頭功能的樣式綁定嗎？

Question

我正在嘗試將樣式與Vue JS HTML模板中的箭頭功能綁定。 我的意圖是顯示/隱藏來自vuex商店的div。

這是我的嘗試。 main_activity_opened已通過mapState調用到組件。

<div 
   class="main-panel"
   :style="{ display: () => main_activity_opened ? 'block' : 'none' }">

沒用 我想知道這種方法是否是個好主意，是否有可能提出建議。

Answer 1

您可以使用對象符號來設置元素的樣式，如您的示例所示。

但是，您不能將函數提供為屬性值，並且不能期望函數的返回值用於元素的內聯樣式。

只需直接設置值：

:style="{ display: main_activity_opened ? 'block' : 'none' }">