今天在开发中需要修改ui中原有样式,但是在使用了::v-deep以及!import之后依然不起作用。后来经过同事提醒,才知道和scoped有关,已知在使用scoped之后每个标签会有一个独有的v-data-xxx,但是可以发现我当前选中的这一行没有v-data-xxx,所以浏览器查找不到这个标签。
一开始我用的查找方式:
.el-empty .el-empty_result .el-empty-detail button{
}
后来使用的方式:
.el-empty ::v-deep .el-empty_result .el-empty-detail button{
}