vue使用iframe标签预览本地pdf文档

1. 创建测试的pdf文档，将文件放在public目录下
   注意：不要在vscode内直接创建pdf文件添加内容，否者会读不出pdf文档
2. 使用

   <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'会导致打包后无法访问文档
   	}
   }