vue框架：變更頁面background背景顏色 - 代碼篇

vue框架：變更body，html頁面background背景顏色

• 場景bug介紹：
• vue頁面切換，導致後面的頁面背景顏色被上一個頁面背景色覆蓋，如何避免這個問題。
  Method 1. 修改 style爲 style scoped
  Method 2. 按下面的設置教程執行。

---

1. 修改 樣式：渲染前 · 執行

beforeCreate () {
	document.querySelector('body').setAttribute('style', 'background-color:#FFFFFF');
	//document.querySelector('body').setAttribute('style', 'background-color:#FFFFFF!important');
},

---

2. 移除 樣式

beforeDestroy () { 
	document.querySelector('body').removeAttribute('style')
}

Demo案例 · 代碼調用 實例 · 截圖：

---

博主自留：具體參考相關demo演示項目對應Home.vue等等.vue文件

---

以上就是關於“ vue框架：變更頁面background背景顏色 - 代碼篇 ” 的全部內容。