vue组件内部动态渲染src，图片不显示的解决办法

最近再做一个图片展示组件时候，发现在vue组件内部动态宣传src尽然图片显示不出来，百度一下，有很多解决办法，什么通过require加载呀，转为base64什么的，在我看来，统统都是很烂的解决办法，图片动态渲染不出来，那么我们就预先加载不就可以了吗？

上代码：

template:'<img  :src="loadImage(item)" v-for="(item,index) in fileList" :key="index"/>',
data: function () {
        return {
            fileList: [{name:"1",src:"/upload/1.jpg"},{name:"2",src:"/upload/2.jpg"}], 
        }
    },
  methods: {
        loadImage: function (file)
        {
            var img = new Image();
            img.src = file.url;
            img.onload = function()
            {
                file.url = img.src;
            }
            return file.url;
        },
      }