vue 動態添加body背景圖片


<script>
export default {
  data () {
    return {
     bodyBgImage: 'url(' + require('../assets/bg.png') + ')'
    }
  },
  methods: {
        // 添加body圖片
        setBodyBackGround () {
            document.body.style.backgroundSize = '100%'
            document.body.style.backgroundImage = this.bodyBgImage
      },
        // 清除背景圖
        clearBodyBackGround () {
            document.body.style.backgroundImage = ''
      }
  },
  mounted(){
      // 進來的時候調用添加
        this.setBodyBackGround()
  },
  beforeDestroy(){
      // 離開頁面的時候清除
        this.clearBodyBackGround()
  }
  
}
</script>


免責聲明!

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



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