VUE动态绑定audio/video/img的src不能播放或显示

2019独角兽企业重金招聘Python工程师标准>>>

写个项目，要求要本地上传音视频至服务器，再回显可播放。
当前项目使用了elementUI+Vue
上传图片，请求接口，将图片或者音频文件提交给后台，后台返回存储图片或者音频的ID，因为后台存到mogondb里面了，所以返回的是ID，如果存到服务器里面，返回的就是图片或者是音频存到服务器的地址。回显图片的方式是，先请求接口，根据图片的ID，请求接口图片或者是音频返回的内容，请求接口返回的内容为一个图片或者是音频。
图片如下：

页面显示的内容：

因为接口都是直接返回图片和音频，所以你不能用get请求，只能直接拼接到标签后边。

图片回显代码如下：

Vue音频动态加载踩到的坑，回显音频的时候也是和回显图片一样的方法，但是音频的资源没有加载进来，一直没有声音，最后使用了动态拼接音频标签的方法，将音频文件加载进来了。
代码如下：

 

转载于:https://my.oschina.net/lixiaoyan/blog/1942478