Vue修改單個組件的背景顏色


組件默認背景顏色為白色,但工作需要改成黑色,於是研究了一番。

很簡單,只需在組件中使用兩個鈎子函數beforeCreate (),beforeDestroy ()

代碼如下:

beforeCreate () {
    document.querySelector('body').setAttribute('style', 'background:#000000')
},
beforeDestroy () {
    document.querySelector('body').removeAttribute('style')
}

在創建之前,添加body的style屬性,將背景顏色設置為黑色

在銷毀前,將body的style屬性刪除。


免責聲明!

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



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