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

Question

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

Answer 1

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