vue單獨給頁面設置body屬性

因項目需求：用戶個人詳細信息頁面設置背景色，之前在這個頁面設置最外層div發現不行。因為app.vue影響了它。后來直接在頁面上用body設置樣式，發現影響了其他頁面。

后來想了通過vue的生命周期來解決。這個頁面創建前設置我的樣式，銷毀之前移除我設置的樣式。

代碼如下：

//創建前設置
beforeCreate () {
      document.querySelector('body').setAttribute('style', 'background-color:#efeff4;')
},
//銷毀前清除
beforeDestroy () {
      document.querySelector('body').removeAttribute('style')
},