【Vue3】黑马程序员 SpringBoot3+Vue3 大事件项目中 P92 抽屉样式 `:deep() Term expected` 报错的解决方法

本文主要是介绍【Vue3】黑马程序员 SpringBoot3+Vue3 大事件项目中 P92 抽屉样式 `:deep() Term expected` 报错的解决方法，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

这个报错其实不影响运行，但有些有强迫症的同学可能会很难受，以下是解决方法：

报错代码：

:deep() {.avatar {width: 178px;height: 178px;display: block;}.el-upload {border: 1px dashed var(--el-border-color);border-radius: 6px;cursor: pointer;position: relative;overflow: hidden;transition: var(--el-transition-duration-fast);}.el-upload:hover {border-color: var(--el-color-primary);}.el-icon.avatar-uploader-icon {font-size: 28px;color: #8c939d;width: 178px;height: 178px;text-align: center;}}

改为：

  :deep(.avatar) {width: 178px;height: 178px;display: block;}:deep(.el-upload) {border: 1px dashed var(--el-border-color);border-radius: 6px;cursor: pointer;position: relative;overflow: hidden;transition: var(--el-transition-duration-fast);}:deep(.el-upload:hover) {border-color: var(--el-color-primary);}:deep(.el-icon.avatar-uploader-icon) {font-size: 28px;color: #8c939d;width: 178px;height: 178px;text-align: center;}

具体原因见：Vue3 样式穿透。

这篇关于【Vue3】黑马程序员 SpringBoot3+Vue3 大事件项目中 P92 抽屉样式 `:deep() Term expected` 报错的解决方法的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---