首頁(yè) 猿問 .vue中style標(biāo)簽里面的ba...

.vue中style標(biāo)簽里面的background問題

JavaScript

人到中年有點(diǎn)甜 2018-10-18 13:11:00

.vue中的style標(biāo)簽中的background的路徑應(yīng)該怎么寫才能正確的打包出來

查看完整描述

1 回答

白豬掌柜的

TA貢獻(xiàn)1893條經(jīng)驗(yàn) 獲得超10個(gè)贊

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

反對(duì) 回復(fù) 2018-11-02