有關Vue scoped less 樣式編譯不通過


【遇到問題】

  vue中解決樣式只作用於當前界面,不影響全局,樣式編譯報錯

 

【問題來源】

  這是我第一次做vue的項目,在開發過程中,我針對樣式進行了修改,才發現影響了全局的樣式,於是我就上網查了,才發現 style 里面要加 scoped 

    <style lang="less" scoped>

  然后我就發現加了這個之后樣式並沒有發生改變。原來是因為原來有樣式,他是沒有辦法覆蓋之前的樣式的。

有關詳解參考博客:https://blog.csdn.net/sdo2605587/article/details/79141111 (提供了解決方案,我好像不太看得懂😂)

  

 

  

 

 【解決方法】

  畢竟我們也不是沒學過css的人對吧,大不了定義一個唯一的 class 來包裹真個樣式,在頁面最外面的div 上面添加 class,但是要注意的是 

style 的標簽的 lang 要設置為 scss (lang = ‘less’ 編譯不通過)

<style lang="scss" > .welcome { .text { font-size: 14px;
        } } </style>

這邊也查了一些有 less 的有關博客,一起學習

https://www.cnblogs.com/qdwds/p/11516181.html

 

最后(個人感想)

  我一直記得前幾天我在抖音上看的視頻,好幾個都說農村出來的孩子如何如何,以及說到了第一次不敢坐地鐵,不會怕丟人,那些城里人習以為常的東西,可能農村人見多沒見過,不自信,什么什么的,好像農村人給她帶來了極大的自卑的感覺。

出生農村的我,初中才第一次碰電腦,打字都不會,后來大學專業課成績一直很好,工作也是做了開發(走了專業方向),不要怕接觸晚,重要的是當你接觸了之后怎么最快的學會並做好。我第一次坐火車是一個人,但是我並不擔心,這種大眾使用的東西,應該都是很簡單明了的,希望大家不要對新事物的恐懼,也不要覺得自己不會就低人一等。后來我卸載了抖音,因為它偷走了太多的時間,也許抖音上也有許多教學,但你看着又真正學習到了多少。希望未來的自己越來越優秀,而不是沒有優只有秀。

 


免責聲明!

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



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