web错题本

错题本

1.element-plus scoped vue3 样式穿透无效

:deep(.el-dialog .el-dialog__body) {
  padding: 0 !important;
}

el-dialog写在了顶层，没有元素包裹。
在scoped的时候，vue会生成data-v-xxx的一个属性，样式穿透就是利用的这个属性生成的css。
vue3 我们可以在template下不使用一个标签来包裹全部内容，而此时el-dialog在第一层的情况下就没有对应的data-v-xxx父级元素标签，所以样式穿透也就无效了。