vue-pdf 不翻页
时间: 2023-10-23 11:35:46 浏览: 102
vue 结合 turnjs 实现翻页效果
你可以使用 `vue-pdf` 组件来显示 PDF 文件,但它默认是支持翻页的。如果你希望禁用翻页功能,你可以通过设置 `showToolbar` 属性为 `false` 来隐藏工具栏,这样用户就无法手动翻页了。以下是一个示例:
```html
<template>
<div>
<vue-pdf :src="pdfUrl" :show-toolbar="false"></vue-pdf>
</div>
</template>
<script>
import vuePdf from 'vue-pdf'
export default {
components: {
vuePdf
},
data() {
return {
pdfUrl: '/path/to/your/pdf/file.pdf'
}
}
}
</script>
```
这样设置后,用户将无法通过工具栏来翻页,只能查看当前页面。请确保你已经正确安装了 `vue-pdf` 组件并引入了相应的 CSS 样式。
阅读全文