VUE 动态绑定背景图片(:style)需要用require包裹

我们前端开发过程中给元素设置背景图片是我们很常规的操作,但是我们也会遇到一些场景需要我们动态的配置背景图片的路径。

对于这样的情况我们就需要用动态绑定样式style,具体的内容如下:

Class 与 Style 绑定 — Vue.js

我们按照文档的编写的代码(没有用require包裹):



发现是这样并没有生效:VUE 动态绑定背景图片(:style)需要用require包裹_第1张图片

那再用require包裹之后的呢

      imgArr:[
        {
          url:require('../assets/fan.jpeg')
        },
         {
          url:require('../assets/circle.jpeg')
        },
        {
          url:require('../assets/set.jpeg')
        }
      ]

成功设置了背景图片了:VUE 动态绑定背景图片(:style)需要用require包裹_第2张图片 

你可能感兴趣的:(VUE,javascript,前端,css3,vue.js)