vue-pdf-embed配置pdf的大小

根据引用\[1\]和引用\[2\]的内容，可以使用vue-pdf-embed组件来配置PDF的大小。在使用页面中，可以通过设置组件的属性来控制PDF的大小。具体的配置方法如下：

1. 在引入组件时，需要在组件中注册VuePdfEmbed组件：

import VuePdfEmbed from "vue-pdf-embed";

components: {
  VuePdfEmbed,
},

2. 在模板中使用VuePdfEmbed组件，并设置source属性为PDF的数据源：

<template>
  <div>
    <vue-pdf-embed :source="pdfSrc"></vue-pdf-embed>
  </div>
</template>

3. 在data中定义pdfSrc属性，用于存储PDF的数据源：

data() {
  return {
    pdfSrc: 'data:application/pdf;base64,' + 'base64',
  };
},

通过以上配置，可以将PDF显示在页面上。如果需要调整PDF的大小，可以通过修改VuePdfEmbed组件的样式来实现。可以在style标签中添加相应的样式规则来控制PDF的大小，例如设置宽度和高度：

<style>
  .vue-pdf-embed {
    width: 100%;
    height: 500px;
  }
</style>

通过修改样式规则中的宽度和高度值，可以调整PDF的显示大小。请根据实际需求进行调整。
#### 引用[.reference_title]
- *1* [vue3.0使用vue-pdf-embed在线预览pdf 控制页码显示范围不生效问题](https://blog.csdn.net/qq_39669919/article/details/128675138)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [vue3使用vue-pdf-embed预览文件流格式的pdf文件](https://blog.csdn.net/qq_42661587/article/details/128400088)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]