vue-pdf的属性
时间: 2024-01-12 12:22:42 浏览: 152
vue-pdf是一个用于在Vue.js应用程序中展示PDF文件的组件。它具有以下属性:
1. src:指定要展示的PDF文件的路径或URL。
2. page:指定要展示的PDF文件的起始页码,默认为1。
3. scale:指定PDF文件的缩放比例,默认为1。
4. rotate:指定PDF文件的旋转角度,默认为0。
5. width:指定PDF文件的宽度,默认为100%。
6. height:指定PDF文件的高度,默认为auto。
7. show-toolbar:指定是否显示工具栏,默认为true。
8. show-sidebar:指定是否显示侧边栏,默认为true。
9. show-pagination:指定是否显示分页器,默认为true。
10. show-navigation:指定是否显示导航按钮,默认为true。
11. show-zoom:指定是否显示缩放按钮,默认为true。
12. show-download:指定是否显示下载按钮,默认为true。
13. show-print:指定是否显示打印按钮,默认为true。
14. show-open-file:指定是否显示打开文件按钮,默认为true。
15. show-presentation:指定是否显示演示模式按钮,默认为true。
以下是一个使用vue-pdf展示PDF文件的示例代码:
```vue
<template>
<div class="container">
<pdf
:src="/static/test1.pdf"
:page="1"
:scale="1"
:rotate="0"
:width="100%"
:height="500px"
:show-toolbar="true"
:show-sidebar="true"
:show-pagination="true"
:show-navigation="true"
:show-zoom="true"
:show-download="true"
:show-print="true"
:show-open-file="true"
:show-presentation="true"
></pdf>
</div>
</template>
<script>
import pdf from 'vue-pdf'
export default {
components: {
pdf
}
}
</script>
<style scoped>
.container {
font-family: PingFang SC;
width: 100%;
height: 500px;
}
</style>
```
阅读全文