1.开发环境 vue
2.电脑系统 windows10专业版
3.在应用vue开发的过程中,咱们常常会应用到css的预处理器,我应用的是sass,然而在最新的版本中,应用 /deep/ 报错了 ,上面让咱们来看一下。
4.废话不多说,间接来看
// 去网上看了很多材料,而后最多的答案无非就是应用::v-/deep/ 来替换/deep/,的确无效,然而会不能应用scss嵌套写法的问题,
5.解决办法如下:
// 装置 sass-loader7.0.0 版本npm install sass-loader@7.0.0 -D
// 装置 node-sass npm i node-sass -D
6.再次应用
.cupload { width: 100%; &/deep/ .el-upload--picture-card { width: 100%; }}
// 当初应用 /deep/ 就没有报错了
7.本期的分享到了这里就完结啦,心愿对你有所帮忙,让咱们一起致力走向巅峰。