vue deep样式穿透使用总结（2022）
在vue2中使用 ::v-deep::v-deep .el-col {margin-bottom: 20px;}’ >>> ‘和’ /deep/ '支持已弃用。在vue3中::v-deep可以使用但是不推荐使用，官方推荐v-deep(.className)::v-deep(.el-col) {margin-bottom: 20px;}// 缩写:deep(.el-col) {ma
·
- 在vue2中使用 ::v-deep
::v-deep .el-col {
margin-bottom: 20px;
}
’ >>> ‘和’ /deep/ '支持已弃用。
- 在vue3中::v-deep可以使用但是不推荐使用，官方推荐v-deep(.className)
::v-deep(.el-col) {
margin-bottom: 20px;
}
// 缩写
:deep(.el-col) {
margin-bottom: 20px;
}
全局样式设置 ::v-global(.ClassName) 缩写 :global(.ClassName)
插槽内的样式设置 ::v-slotted(.ClassName) 缩写 :slotted(.ClassName)
华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。
更多推荐
7
0- 0
已为社区贡献6条内容
所有评论(0)