uni-app中scr动态引用图片不生效的问题

<view class="operation_core flex-center">
        <view class="operation_t">{{colse_t}}</view>
        <image :src="colse_img"></image>
</view>

export default{
        data() {
            return {
                colse_img:'../../common/img/contribution/iottery_record_an@2x.png,
            }
        },
    }

像上面这样引用时显示不出来图片的，然后我们在网页端查看可以看到如下

用require可以解决这个问题

colse_img:require('../../common/img/contribution/iottery_record_an@2x.png'),

这种写法也是可以的

<image :src="require(colse_img)"></image

//使用图片的最好是，本地图片使用背景图，万无一失，网络图片使用image src。

background-image:url(../../static/picture.png);

参考：https://www.cnblogs.com/uimeigui/p/12198387.html