element el-image，图片预览，::v-deep 样式穿透修改样式不生效？ 当前是`vue2`的项目？-灵析社区

momo

你得确认元素是否在当前组件下，因为有些时候UI组件库可能会把渲染出来的额外内容挂载到 "body" 的末尾，所以可能会没办法在当前组件下选中。 *** 如果你没有套上级选择器，那么你何必使用 "style-scoped" 呢？按照你的需求，其实就是等同于 .el-image-viewer__wrapper .el-image-viewer__canvas { width: 80% !important; height: 80% !important; } 但是这样就会影响到全局。 所以如果是确定是挂载在当前组件下的元素，请不要直接使用 "::v-deep" 需要放到一个选择器下面，比如说： .my-class { ::v-deep .el-image-viewer__wrapper .el-image-viewer__canvas { width: 80% !important; height: 80% !important; } }