将几个CSS类合并为一个
将几个CSS类合并为一个
提问于 2019-04-19 14:59:15
在一个Vue项目中，我想组合几个css类，我在两个元素上使用它们来整理我的html。有人告诉我，我可以用cli做这样的事情，但是我不知道怎么做。
.common-class {
@apply .class1 .class2 ...;
}回答 2
Stack Overflow用户
回答已采纳
发布于 2019-04-19 15:57:10
您始终可以创建一个computed属性来返回这两个类的组合：
new Vue({
el: "#app",
computed: {
combineStyles() {
return 'foo bar'
}
}
}).foo {
color: red;
}
.bar {
font-size: 2rem;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
<p :class="combineStyles">foo bar</p>
</div>
不需要CSS预处理器。但是，如果您想使用一些CSS预处理器，那么可以使用follow the docs。
Stack Overflow用户
发布于 2019-04-19 15:13:00
您可以在Vue文件中使用LESS，并使用extend伪类来合并样式
<style lang="less">
.class1{
}
.class2{
}
.common-class {
&:extend(.class1);
&:extend(.class2);
}
</style>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55757836
复制相关文章
相似问题
腾讯云开发者
