但是這樣的話需要增加命名空間以解決汙染問題。
當你子元件使用了 scoped 但在父元件又想修改子元件的樣式可以 通過 >>> 來實現：
>>>.el-checkbox__input > .el-checkbox__inner
>>> .is-leaf +.el-checkbox .el-checkbox__inner
解決方案
1、附加在沒有scoped的style中
2、給訊息提示框加類名（薦）
更加推薦為這個messagebox新增乙個類名，比較科學並且不會影響到其他。
// 彈出登出提示框
this
.$confirm
('確認登出嗎?'
,'提示',)
.then((
)=>)}
).catch((
)=>
)...
...<
/style>
....message-logout
<
/style>
Vue中使用Element ui修改預設樣式
在使用外部 ui 元件 element ui 的過程中，需要覆蓋預設樣式，自己定義樣式。在此記錄使用中遇到的問題 1 全域性樣式 在 vue 專案中，可以建立乙個全域性樣式表，如下圖中的 global.css，可以覆蓋 ui 元件中的樣式，但是有乙個缺點，就是整個專案中該型別的元件都會被渲染。例如 ...
vue引入element ui報錯
1.引入css import element ui lib theme chalk index.css 2.報錯資訊 node modules element ui lib theme chalk index.css 1 0 module parse failed unexpected charac...
vue專案引入element ui
先 npm 安裝element ui npm i element ui s然後分為 完整引入 和 按需引入 完整引入 我就不多說了，十分簡單，參照官網 官網位址 按需引入 首先npm安裝依賴 npm install babel plugin component d然後在babel.config.js...