问题原因:
::v-deep
选择器作为一个组合器已经被废弃了,应该使用 :deep()
选择器来代替。::v-deep
选择器是 Vue.js 框架中的一个特有选择器,用于解决样式作用域的问题。
解决办法:
::v-deep
选择器替换为 :deep()
选择器
//出现问题代码
::v-deep .el-menu--vertical .el-menu-item:hover {
background-color: #ecf5ff !important;
}
// 去除警告代码
:deep(.el-menu--vertical .el-menu-item:hover) {
background-color: #ecf5ff !important;
}