最近再做一个图片展示组件时候,发现在vue组件内部动态宣传src尽然图片显示不出来,百度一下,有很多解决办法,什么通过require加载呀,转为base64什么的,在我看来,统统都是很烂的解决办法,图片动态渲染不出来,那么我们就预先加载不就可以了吗?
上代码:
template:'',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; }, }