vue项目如何在页面视口中浏览pdf文件

在百度看了很多 看了一个最简单的 用vue-pdf的方法 来实现可是我做了半天也加载不出来呀 可以看看是什么原因吗

<template>
  <div class="pdf">
    111
    <pdf ref="pdf" :src="pdfUrl"> </pdf>
  </div>
</template>
<script>
import pdf from "vue-pdf";
export default {
  name: "Pdf",
  components: {
    pdf,
  },
  data() {
    return {
      pdfUrl: "/src/assets/资金合同.pdf",
    };
  },
};
</script>

还有在网上看到用pdf.js的方法来写 还要配置webpack 我技术有限不会配置webpack呀 还有别的方法吗 好像还有浏览器自带的iframe方法 但是我也没有办法

:src=require(url)
这样 ，注意路径一定要写对

pdf放到public文件夹下

你看一下，你data里面引用的路径对不对，是不是要requir 你那样没有引入进去呢