vue中設定了scoped無法修改elementUI元件問題

Vue中的scoped問題

1.什麼是scoped
在Vue檔案中的style標籤上有一個特殊的屬性，scoped。當一個style標籤擁有scoped屬性時候，它的css樣式只能用於當前的Vue元件，可以使元件的樣式不相互汙染。如果一個專案的所有style標籤都加上了scoped屬性，相當於實現了樣式的模組化。

2.在元件中修改第三方元件庫樣式的其它方法

scoped看起來很好用，當時在Vue專案中，當我們引入第三方元件庫時(如使用vue-awesome-swiper實現移動端輪播)，需要在區域性元件中修改第三方元件庫的樣式，而又不想去除scoped屬性造成元件之間的樣式覆蓋。這時我們可以通過特殊的方式穿透scoped。

• 在vue元件中不使用scoped屬性(還是推薦使用)
• 在vue組建中使用兩個style標籤，一個加上scoped屬性，一個不加scoped屬性，把需要覆蓋的css樣式寫在不加scoped屬性的style標籤裡
• 建立一個reset.css(基礎全域性樣式)檔案，裡面寫覆蓋的css樣式，在入口檔案main.js 中引入