Javascript 我可以在Vue中使用带有箭头功能的样式绑定吗？

我正在尝试在Vue JS HTML模板中使用箭头函数绑定样式。我的目的是显示/隐藏来自

vuex

存储的div

这是我的尝试<已通过

mapState

向组件调用code>main\u activity\u opened

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

---

它不起作用。我想知道这种方法是否是一个好主意，如果可能的话，欢迎您提出建议。

您可以使用对象表示法设置元素的样式，如您的示例所示

但是，不能将函数作为属性值提供，而期望在元素的内联样式中使用函数的返回值

只需直接设置值：

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