vue2.x中使用三元表达式绑定class的时候遇到的坑

Posted shapman

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue2.x中使用三元表达式绑定class的时候遇到的坑相关的知识,希望对你有一定的参考价值。

这个确实是个坑,而且是来自文档的坑。

首先先看文档对这个的解释:

 

技术图片

 

 从实际的代码书写上,文档中的写法,vs code没报错,但是浏览器报了一堆的错。

我试了很多遍,发现类名必须是要用引号引起来,页面上语法检查才能通过

 

 技术图片

 

以上是关于vue2.x中使用三元表达式绑定class的时候遇到的坑的主要内容,如果未能解决你的问题,请参考以下文章

在vue中使用样式的方法

vue 绑定class的方式

vue 中内样式动态绑定的 坑!!

vue中 :style 与 :class 三元运算符使用

vue中 :style 与 :class 三元运算符使用

Vue2.0学习笔记一 :各种表达式