** 在我们写项目的时候,经常会用到各种各样的ui组件,而有的时候,ui组件中自带的样式满足不了我们的需求,需要我们手动修改下其部分样式,但是有时候会不生效,这时候我们需要在修改其样式之前加上一段代码。**
我们平常修改样式时是:
<style lang="scss" scoped>
.el-button{
width: 300px;
}
</style>
只需要改为
<style lang="scss" scoped>
/deep/ .el-button{
width: 300px;
}
</style>
如果加上/deep/报错的话,那么就改为
<style lang="scss" scoped>
::v-deep .el-button{
width: 300px;
}
</style>