解决vue中动态设置元素背景，背景不显示的问题

背景图片定义声明的地方，就要用require引用，而不是在赋值的地方。如下图解释

 data() {
    return {
      testArray: [
        {
          name: 'test1',
          id: 1,
          key: 1,
          isClicked: false,
          url: require('../images/bg-test1.png'), //此处就要用require引入，而不是在赋值的地方
        },
        {
          name: 'test2',
          id: 1,
          key: 1,
          isClicked: false,
          url: require('../images/bg-test2.png'),
        }]
    }
},

methods: {
    handleSetStyle() {
        this.styleObj = {
            top: item.top + 'px',
            left: item.left + 'px',
            width: item.width + 'px',
            height: item.height + 'px',
            // backgroundImage:  'url( '+ require(item.url) +')'//错误用法：这里不需要require了，赋值时用require，找不到图
            backgroundImage: 'url( ' + item.url + ')',//正确用法，关键一步是在定义时就用require,而不是在赋值时
            backgroundSize: 'cover',
            backgroundPosition: 'center',
        };
    }
    
}