在 Vue 2.0 中切换 CSS 类

Posted

技术标签:

【中文标题】在 Vue 2.0 中切换 CSS 类【英文标题】:Toggle a CSS class in Vue 2.0 【发布时间】:2017-01-15 18:03:53 【问题描述】:

在 vue 1 中我是这样做的:v-bind:class='"isdanger": invalidLogin'

现在我正在尝试在 Vue 2 应用程序中执行相同操作,但出现此错误:

template syntax error - invalid expression: v-bind:class="'isdanger': invalidLogin"

我正在使用pug,以防万一。

有什么想法吗?

【问题讨论】:

【参考方案1】:

唉,我把它改成这样的双引号:v-bind:class="'is-danger': true" 现在它可以工作了。

【讨论】:

是的,嵌套时:" > '

以上是关于在 Vue 2.0 中切换 CSS 类的主要内容,如果未能解决你的问题,请参考以下文章

Vue.js:使用方法切换动态数据的 CSS 类

swiper.js 2.0增加一个鼠标移入分页器的小点后就切换展示图片

vue 2.0 路由切换以及组件缓存源代码重点难点分析

vue+js动态切换element-ui生成的主题css文件

切换 vue 的 css 过渡结束效果

使用应用切换器时 Nativescript-vue 输入和按钮 css 崩溃