Vue中本地图片src路径对但是图片不出来的问题

静态src:没有问题，可以正常显示

<img class="jiaobiao_img" src="@/assets/img/xiangmuzhongxin.png" alt="">

这样子写：

<img class="inner_img" :src="iconUrl === '' || iconUrl === null?'@/assets/img/xiangmuzhongxin.png':iconUrl" alt="">

换为动态src：图片展示不出来，会当做字符串来处理，有问题

效果图：

解决办法：

<img class="inner_img" :src="iconUrl === '' || iconUrl === null?require('@/assets/img/xiangmuzhongxin.png'):iconUrl" alt="">

这样子就没有问题了