img标记正确显示图像，但v-bind不能

Question

            <div class="row">
                <div :key="map.name" v-for="map in match.maps" class="col-lg-4 mt-5">
                    <img width="100" height="50" src="../assets/ovp.png">
                    <img v-bind:src="'../assets/' + map.name + '.png'">
                    {{ map.name }}
                </div>
            </div>

上面示例中的image标记确实显示了图像，但是v-bind指令不显示。什么是不正确的？在检查代码时，它看起来如下所示：

<div data-v-780f357b="" class="col-lg-4 mt-5">
  <img data-v-780f357b="" src="/img/ovp.3ffb145b.png" width="100" height="50">
  <img data-v-780f357b="" src="../assets/ovp.png">
  ovp
</div>

This is how the website looks

Answer 1

这起作用了！:)

v-bind:style="{backgroundImage: 'url(' + require('@/assets/' + map.name + '.png') + ')'}"