<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>