?html 部分，background 是放背景圖片的div，front是放其他的div

<div class="background"><img :src="imgSrc" class="imgSrc"/> </div> <div class="front"></div>

js部分

export default {data() {return {imgSrc: require('@/assets/img/indexBI.jpg')}} }

css部分

.background {width: 100%;height: 100%;/**寬高100%是為了圖片鋪滿屏幕 */z-index: -1;position: absolute; }.imgSrc{height: 100%;width: 100%; }.front {width: 100%;height: 100%;z-index: 1;position: absolute;text-align: center; }

?

總結

以上是生活随笔為你收集整理的vue 单页面背景图片设置的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。