VUE: Scope模式下,修改Element ui样式
当一个style标签中有scoped属性时,它的CSS样式就只能作用于当前的组件。通过该属性,可以使得组件之间的样式不相互干扰。
<style scoped> </style>
但是当需要修改第三方库element ui的样式时,需要使用样式穿透才可以复写样式。
深度选择器::v-deep
在vue3.0及后使用,在不影响全局的情况下可以直接穿透scoped。
::v-deep .el-input {
width: 60px;
}