uniapp怎么预览在线pdf

要在uniapp中预览在线的PDF文件，您可以使用uni-pdfjs-viewer插件。该插件允许您在uniapp应用程序中集成PDF查看器，可以直接在应用程序中浏览在线PDF文件。

以下是在uniapp中使用uni-pdfjs-viewer的步骤：

1. 在uniapp项目中安装uni-pdfjs-viewer插件。您可以使用npm进行安装，命令如下：

npm install uni-pdfjs-viewer

2. 导入并注册uni-pdfjs-viewer组件。在您的页面组件中，导入uni-pdfjs-viewer组件并将其注册为局部组件。示例代码如下：

<template>
  <view>
    <uni-pdfjs-viewer :src="pdfUrl"></uni-pdfjs-viewer>
  </view>
</template>

<script>
  import UniPdfjsViewer from 'uni-pdfjs-viewer'
  export default {
    components: {
      UniPdfjsViewer
    },
    data() {
      return {
        pdfUrl: 'https://example.com/sample.pdf'
      }
    }
  }
</script>

3. 在页面中使用uni-pdfjs-viewer组件。在您的页面模板中，使用导入的uni-pdfjs-viewer组件并指定PDF文件的URL。示例代码中使用的是https://example.com/sample.pdf。

以上是使用uni-pdfjs-viewer插件在uniapp中预览在线PDF的步骤。希望对您有所帮助！