vue3-pdf-app去除工具栏

Vue3-PDF-App是一个基于Vue.js的PDF查看库，它通常用于嵌入PDF文件到网页应用中。如果你想要去掉其内置的工具栏，你可以通过调整它的配置或者直接修改组件的HTML结构来实现。以下是大致步骤：

1. **配置方式**：
- 如果你是在使用官方提供的API，检查是否有提供设置选项可以关闭工具栏。比如，查阅文档中的`options`对象，可能会有`toolbar`或`showToolBar`这样的键来控制。

   import { PDFViewer } from 'vue3-pdf-app';
   export default {
     components: {
       PDFViewer,
     },
     data() {
       return {
         pdfOptions: {
           toolbar: false, // 设置为false即可隐藏工具栏
         },
       };
     },
   };

2. **代码修改**：
- 如果找不到合适的配置项，可能需要查看源码并找到显示工具栏的部分，然后手动移除这部分HTML元素。这通常涉及到操作DOM，确保在`mounted`生命周期钩子函数内操作，以确保在页面渲染完成后执行。

   <template>
     <div ref="pdfViewer">
       <!-- ...其他内容 -->
     </div>
   </template>

   <script>
   import { ref } from 'vue';
   import PDFViewer from 'vue3-pdf-app';

   export default {
     components: {
       PDFViewer,
     },
     setup() {
       const pdfViewerRef = ref(null);
   
       // ...
   
       mounted() {
         if (pdfViewerRef.value) {
           pdfViewerRef.value.$el.querySelector('.pdf-toolbar')?.remove(); // 可能的CSS选择器，实际使用时需确认
         }
       }
     },
   };
   </script>

记得在更改后，一定要测试是否达到预期效果，并处理可能出现的问题，比如用户交互功能缺失等。