1）修改組件的樣式，但是只作用於當前頁面，其他頁面不受影響，做法有兩種：

法一：使用關鍵字“/deep/”

1)在當前頁面添加樣式：

<style lang="scss" scoped>

自定義類名 /deep/{

element ui選擇器類名{
樣式
}
}
</style>

2)

：在其他頁面寫樣式再導入到所需頁面
scss文件寫法：

.xx /deep/{

element ui選擇器類名{
樣式
}
}

.vue頁面引入必須加上scoped：
<style lang="scss" scoped>
@import "../../../styles/demo.scss";

法二:使用 ">>>" 也可實現相同效果(註意不要scss的預處理樣式，否則也是沒效果的)
<style scoped>
.xxx >>> .el-checkbox__label {
color: red;
}

</style>

element-ui修改全局樣式且只作用於當前頁面