vue - sass样式穿透实现

vue - sass样式穿透实现
// 引入的是第三种生效了，第一种不生效，第二种报错

// 第一种 >>>
.my-el-form-item{
& >>> .el-form-item__content{
line-height:12px;
}
}
//第二种 /deep/
.my-el-form-item{
/deep/ .el-form-item__content{
line-height:12px;
}
}
// 第三种::v-deep 和第二种类似
.my-el-form-item{
::v-deep .el-form-item__content{
line-height:12px;
}
}

//第四种


原始密码:



新密码:

.forms .el-form-item__content{
display: flex;
flex-direction: row;
}