# PDF 查看器

该组件基于 pdf.js 库实现,通过webview嵌入HTML页面实现预览PDF文件。

# 平台差异说明

App(vue) App(nvue) H5 小程序
x x x

重要提示

此组件目前处于内测阶段,仅支持H5端使用。由于组件体积较大,为避免影响框架整体包大小,默认未包含在框架中。如需使用,请加入QQ群获取组件包并手动安装。

# 基本使用

通过 url 属性传入PDF文件的地址来显示PDF内容:

<template>
  <view>
    <u-pdf-viewer :url="pdfUrl"></u-pdf-viewer>
  </view>
</template>

<script>
export default {
  data() {
    return {
      pdfUrl: 'https://example.com/sample.pdf'
    };
  }
};
</script>

<style scoped>
</style>
✅ Copy success!

# 注意事项

  1. 文件格式:确保传入的URL指向有效的PDF文件
  2. 网络访问:PDF文件需要能够通过网络访问
  3. 跨域问题:某些情况下可能需要处理跨域访问问题

# 页面源码地址

页面源码地址


 github  gitee

# API

# Props

参数 说明 类型 默认值 可选值
url PDF文件的URL地址 String '' -
🌟 真诚邀请 🌟
如果你觉得本项目对你有帮助
欢迎访问我们的Gitee/Github 仓库为我们点个 Star!
点我去 Gitee 点我去 Github
×