html 如何在vue中以dinamically方式绑定背景

Posted 2021-05-10

  <div :style="{ backgroundImage: `url(${bgImg})` }">
    <h1>Content</h1>
  </div>
  
  <script>
    export default {
      data () {
        return {
          bgImg: 'https://via.placeholder.com/1100x1100',
        }
      }
    }
    
  </script>