- 创建测试的pdf文档,将文件放在public目录下
注意:不要在vscode内直接创建pdf文件添加内容,否者会读不出pdf文档 - 使用
<template> <el-button @click='dialogVisible = true'>点击查看文档<el-button> <el-dialog :close-on-click-modal='false' title="查看文档" :visible.sync="dialogVisible" :fullscreen="true"> <iframe :src="pdfUrl" width="100%" height="100%"></iframe> </el-dialog> </template> data(){ return{ dialogVisible:false, pdfUrl:process.env.BASE_URL + '文件名称.pdf', // 将文档放在public目录下时 直接使用 '/文件名称.pdf'会导致打包后无法访问文档 } }
vue使用iframe标签预览本地pdf文档
于 2023-09-05 12:48:30 首次发布