1.pdf预览
使用iframe
如果是预览本地文件,且是vue项目,pdf文件需要放在public文件夹下。
调试环境:vue、vant、js
html
<template>
<div style="height: 100%;width: 100%">
<iframe :src="pageUrl" style="width: 100%;height: 100%"></iframe>
</div>
</template>
<script setup>
import {ref} from "vue";
const pageUrl = ref('/xxx.pdf');
</script>
<style lang="scss" scoped>
</style>