在vue项目中使用el-ement中的<table>组件,每一行的加入自定义的样式,根据文档给组件加上row-class-name属性,但是在当前组件中配置的class样式没有生效。
原来在el-ement中使用row-class-name、row-style、cell-class-name 中的属性必须使用去哪聚属性
解决方案1:去除组件中scoped,使该组件的样式变为全局样式,但是这样的话容易重复定义,可能导致一些错误。
解决方案2:使用深度选择器/deep/,在组件css样式前加上
/deep/ #app .warningrow{
/* ... */
}
解决方案3:引用一个全局样式
<style scoped>
@import "./common.css";
// 其他样式
</style>
解决方案4:使用混合的样式
<style scoped>
@import "../../assets/common.css";
// 其余作用域内样式代码
</style>
<style >
//要设置的样式
</style>