(精华)2020年10月19日 vue element

(精华)2020年10月19日 vue element

原因

代码中使用scoped之后，保证各文件中的css不相互影响，给每个component都做了唯一的标记 解决方案如下

<style lang="less" scoped> //css用 //.el-table >>> .warning-row //less sass scss用 .el-table { /deep/ .warning-row { background: oldlace; } /deep/ .success-row { background: #f0f9eb; } } </style>

如果/deep/报错可以用如下方法

<style scoped lang="scss"> .el-table { ::v-deep { .warning-row { background: oldlace; } .success-row { background: #f0f9eb; } } } .editable-add-btn { margin-left: 0px; } </style>