vue 动态更改背景图片 

 
<div :style="{'background-image': 'url('+backimg+')'}" ></div>

data() {
    return {
      
      backimg: require('../../assets/images/XXXX.png'),

    }
  },

可以直接设置base64格式图片
this.backimg = base64img
也可以直接设置远程url地址的图片
this.backimg = "https://www.XXXXXX.com/img/XXXXXXX.png"

 

posted @ 2022-12-08 10:35  xiaoxiaoxigua  阅读(473)  评论(0)  编辑  收藏  举报