Question

我如何切换body标签的类，我已经尝试了几种方法来解决我的问题，但仍然收到错误消息并且没有任何想法。所以，这是我的故事：

在body标签上，我添加了v-bind：class

<body id="app" v-bind:class='{active:showModal}'>

然后我收到了这些错误：

[Vue warn]: v-bind:class="{active:showModal}": attribute interpolation is not allowed in Vue.js directives and special attributes.
[Vue warn]: Invalid expression. Generated function body:  scope.active:scope.showModal
[Vue warn]: Error when evaluating expression "active:showModal". Turn on debug mode to see stack trace.

然后我尝试通过body标签解决我的问题：

<body id="app" @v-bind:class='active:showModal'>

但我仍然有一个错误：

[Vue warn]: Invalid expression. Generated function body:  scope.active:scope.showModal

我如何解决这个问题？

Answer 1

Vue正在尝试评估active的价值，因为它没有被引用。只需添加引号：

<body id="app" :class='{"active":showModal}'>

如何在Vuejs中将类切换为body标签？

1 个答案: