1、实现:
<style>
>>>.el-form-item__error {
display: none;
}
</style>
注:修改message是没有用的,依然会有英文提示;只能修改提示文本的样式
2、样式穿透:
项目中经常引入第三方组件,而*第三方组件*的样式有时会无法满足需求,这时就需要自定义组件样式
<style scoped>
.a {
>>> .b { /* ... */ }
}//会被编译成.a[data-v-f3f3eg9] .b { /* ... */ }
</style>
Sass 之类的预处理器无法正确解析 >>>。这种情况下你可以使用 /deep/ 或 ::v-deep 操作符取而代之——两者都是 >>> 的别名,同样可以正常工作。
(1)>>>
<style scoped>
>>>.van-action-sheet__header {
font-size: 24px;
}
</style>
(2)less中: /deep/
<style lang="less" scoped>
/deep/ .van-action-sheet__header {
font-size: 24px;
}
</style>
(3) sass中: ::v-deep
<style lang="scss" scoped>
::v-deep .van-action-sheet__header {
font-size: 24px;
}
</style>