文件预览的实现

1.pdf预览

使用iframe

如果是预览本地文件，且是vue项目，pdf文件需要放在public文件夹下。
调试环境：vue、vant、js

<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>