vue中修改Element ui樣式不起作用


公司做的一個后台系統,由於Elemen ui是響應式的,在小屏筆記本中,一行兩列的表單會自動變成一行一列,這樣就很不美觀了,由於是后台系統,當時也沒考慮適配問題。

老總 地表最強的電腦 運行了一下,當場就被他叼了。

最后只能回去做適配了,但是發現修改了樣式之后,怎么也沒效果。

 

千般百度后,發現了這個東東~

<style lang="scss" scoped>

也就是scoped這個東西...讓我搞了半個小時。

scoped的作用:在style標簽上添加scoped屬性,以表示它的樣式作用於當下的模塊。

所以,把它去掉就可以了。

但是還有一個問題,去掉這個東東后,所有頁面的樣式是會相互影響的。

解決辦法:在每個頁面中,加個容器,給個id  或 class  而且每個頁面的都要不一樣就行

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM