zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    微服务
    JNDI Tomcat
    JNDI
    依赖倒置原则
    mac下为gdb创建证书赋权其调试其它应用
    sed相关
    关于autoconf
    mac相关
    about gnu bash shell
    关于gcc
  • 原文地址:https://www.cnblogs.com/xzybk/p/11726532.html
Copyright © 2011-2022 走看看