Vue + ElementUI 项目中使用vue-pdf 实现简单预览
1、安装 vue-pdf
npm install --save vue-pdf
2、在vue页面中导入对应的组件
我这是通过点击 预览 按钮 获取id打开一个dialog来实现
<!--PDF 预览-->
<el-dialog :title="PDF 预览"
:visible.sync="viewVisible" width="80%" center
@close='closeDialog'>
<div style="margin-bottom: 15px; text-align: right">
<el-button type="primary" size="small" @click.stop="previousPage">
上一页
</el-button>
<el-button type="primary" size="small" @click.stop="nextPage">
下一页
</el-button>