之前一直没注意，以为vue绑定class可以和原来的class进行合并。例如：
<div class="demo" :class="{active:isActive}"></div>
这种写法是正确的，没问题。
<div class="demo" :class="{active:isActive}" :class="{open:isOpen}"></div>
即，同时绑定两个条件判断class。这种就会报错。正确的写法，应该是下面这样的：
<div class="demo" :class="[{active:isActive},{open:isOpen}]"></div>
也就是说绑定class必须为一个，如果有多个条件判断class,则必须将其写在一个数组中。
之前一直没注意，以为vue绑定class可以和原来的class进行合并。例如： 这种写法是正确的，没问题。 ++但...
利用三元运算符来写
需要用到多个表达式来决定class的时候,使用模板字符串
上一篇：用 Vue 绑定单个或多个 Class 名 先创建项目并运行 vue init webpack-simpl...
1、绑定class 绑定单个class 渲染完成的结果 绑定多个class 渲染完成的结果 数组方式绑定class...
一.vue.transition vue-transition在过渡动画的不同时期通过切换不同class，给绑定元...
1、vue绑定class样式,直接使用数组进行绑定 这是第二个标题 2、vue绑定class样式,直接使用三元表达...
绑定多个事件类型 比如可以为元素一次性绑定多个事件 当光标划入按钮时，class切换为highlight，移出时，...
本文标题：vue同时绑定多个class时报错
本文链接：https://www.haomeiwen.com/subject/xttplqtx.html
网友评论