.vue中style标签里面的background问题

Question

.vue中的style标签中的background的路径应该怎么写才能正确的打包出来

Answer 1

<div :style="backgroundDiv" class="background-img"></div><script>
  export default {
    data () {      return {       
        backgroundDiv: {          backgroundImage: 'url(' + require('../assets/images/1.jpg') + ')',
        }
      }
    }
  }</script><style scoped>
  .background-img {    background: no-repeat center top;    background-size: contain;    height: 150px;
  }</style>