class绑定多个值 vue

多个值 vue"/>

class绑定多个值 vue

vue中可以通过 :class=""这样来根据一定的条件来动态添加class，但是有时候需要判断的条件比较多，需要动态添加的class也比较多，这个时候其实也很简单

先看一下示例：

代码

HAPPY

export default {

data() {

return {

condition1: true,

condition2: true

};

},

methods: {

}

};

.font {

color: red;

}

.size {

font-size: 50px;

}

效果：

原理很简单，就是通过 ${xxx} 取变量的方法来取值，在：class=""里写多个${XX}来取值，取到不同的值，最终就会产生多个class

注意多个className之间要用空格隔开

vue中动态添加div

知识点:vue中动态添加div节点,点击添加,动态生成div,点击删除,删除对应的div,其中数组的长度是动态改变的,如在from表单中应用,直接在提交方法中,获得list,获取所填的元素即可 效果: ...

周记4——vue中动态添加图片无效、build上线后background-image路径问题

又是一个周五,又一周要过去了...很开心,这周遇到了vue中的一个比较常见的坑,