背景图像在foreach循环中不起作用

Question

我有一个foreach循环和滑块，进入循环中则有背景图像。背景图片适用于某些（但不是全部）。

这是我的代码：

runInWaterfall([() => Promise.resolve(1), sum1, sum1, sum1]).then(result => console.log(result))

src是一个函数

@if($products)
@foreach($products as $product)
       <div class="swiper-slide text-center">
           <a href="{{url('products/'.$product->id)}}">
                <div class="border-2"
                  style="background-image: url({{src($product,'main_image')}})"></div>
                <div class="mt-1">{{$product->title}}</div>
              </a>
        </div>
@endforeach
@endif

}