做法就是使用iframe标签
1.text,pdf的文件预览
<iframe class="filename" :src="文件的地址" width='100%' height='600' frameborder='1' ></iframe>
2.doc,xls,ppt等office的预览
<iframe class="filename" :src="https://view.officeapps.live.com/op/view.aspx?src=后面是文件的地址" width='100%' height='600' frameborder='1' ></iframe>
3.我们可以看出,差别只有src的属性,所以要设置文件预览同时可以满足txt,pdf,和office类型格式的文件,只需要配置src就可以,根据文件后缀判断如果是office的类型就在url前加上
https://view.officeapps.live.com/op/view.aspx?src=