vue之实现预览pdf

最近在做vue项目的时候需要在线加载预览pdf，用到vue-pdf，下面来介绍如何实现：

1.引入vue-pdf

npm install --save vue-pdf

2.引入vue-pdf组件，添加url

import pdf from 'vue-pdf';//pdf预览
    export default {
        components: {
            pdf
        },

3.在HTML中使用

<div>
	<!--预览pdf位置,items.url是接口中获取的url-->
	<pdf :src='items.url'></pdf>
</div>

4.运行项目 npm run dev

好了，大功告成，如果遇到以下问题请参阅我另一篇博文