我正在尝试在 Vue JS HTML 模板中将样式与箭头函数绑定(bind)。我的目的是显示/隐藏来自 vuex
存储的 div。
这是我的尝试。 main_activity_opened
已通过 mapState
调用组件。
<div
class="main-panel"
:style="{ display: () => main_activity_opened ? 'block' : 'none' }">
这不起作用。我想知道这种方法是否是一个好主意,如果可行,欢迎提出建议。
最佳答案
您可以使用对象表示法设置元素的样式,如示例所示。
但是,您不能提供函数作为属性值并期望函数的返回值用于元素的内联样式。
直接设置值即可:
:style="{ display: main_activity_opened ? 'block' : 'none' }">
关于javascript - 我可以在 Vue 中使用带有箭头函数的样式绑定(bind)吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48678029/