VUE: Scope模式下，修改Element ui样式

Posted 2022-02-22 长不大的大灰狼

VUE: Scope模式下，修改Element ui样式

当一个style标签中有scoped属性时，它的CSS样式就只能作用于当前的组件。通过该属性，可以使得组件之间的样式不相互干扰。

<style scoped>  </style>

但是当需要修改第三方库element ui的样式时，需要使用样式穿透才可以复写样式。

深度选择器::v-deep在vue3.0及后使用，在不影响全局的情况下可以直接穿透scoped。

::v-deep .el-input 
    width: 60px;