vue实现文档在线预览

<template>
  <div>
    <div ref="viewerContainer"></div>
  </div>
</template>

<script>
import 'viewerjs/dist/viewer.css'
import Viewer from 'viewerjs'

export default {
  mounted() {
    const container = this.$refs.viewerContainer
    const url = 'https://example.com/sample.pdf' // 文件的URL地址
    const viewer = new Viewer(container, {
      url: url,
      title: 'Sample Document'
    })
  }
}
</script>