Props
| Name | Description | Type | Default |
|---|---|---|---|
| afterCanvasLoaded | callback function to call after canvas layer is rendered of each page | Record<number, CanvasLoadedCallback> | undefined |
| characterMap | Specify the character map (CMap) to be used for text rendering. | CharacterMap | undefined |
| darkMode | To set dark theme for the VPV. This can be used with the @update:dark-mode event. | v-model:boolean | false |
| documentOptions | Document loading options for configuring how the PDF is fetched and loaded. Controls chunk size, streaming, and auto-fetch behavior. | PDFDocumentOptions | undefined |
| downloadFilename | The name of the PDF file to be used when downloading. Remark: If undefined, the original filename will be used. | string | undefined |
| initialPage | The page number of the PDF document that will be displayed on first load. | number | 1 |
| initialRotation | The initial rotation of the PDF document with respect to the VPV viewer. | number | 0 (0, 90, 180, 270) |
| initialScale | The initial zoom level of the PDF document with respect to VPV. If unspecified, it is determined by the page dimensions and the width of the container. | number | ZoomLevel | ZoomLevel.PageFit (Scale ranges from 0 to 1.) |
| initialScrollMode | The initial scroll mode of VPV. will be removed in the next major version recommend to use scrollMode | ScrollMode | ScrollMode.Vertical |
| initialSearch | set initial text to search in PDF | v-model:string | undefined |
| initialThumbnailsVisible | To display thumbnail on first load | boolean | false |
| initialViewMode | The initial view mode of VPV. (will be removed in the next major version recommend to use viewMode) | ViewMode | ViewMode.SinglePage |
| locale | The locale string key, which must match the key of the localization object; otherwise, it will fall back to en_US | v-model:string | en_US |
| localization | The locale object that will be used in the component | Record<string, Localization> | { en_US: ...locale, zh_CN: ...locale, it_IT: ...locale, pt_PT: ...locale, th_TH: ...locale } |
| scrollMode | Double binding scroll mode of VPV. (not recommend to use with initialScrollMode) | ScrollMode | ScrollMode.Vertical |
| selectionMode | Double binding selection mode of VPV. Controls how users interact with PDF content (text selection or hand tool for panning). | SelectionMode | SelectionMode.Text |
| showPasswordModal | Control whether the built-in password modal dialog is displayed when loading a password-protected PDF. Set to false to handle password input with a custom UI via the Password Controller. | boolean | true |
| src | Source of the PDF document | string | Ref<string> | - |
| textLayer | A layer on a PDF to allow users to select text Remark: Search, highlight text, and selection mode features depend on this property. If you disable it, these features won't work. | boolean | true |
| toolbarOptions | Determine whether the toolbar is visible in VPV. Remark: The toolbar consists of top bar and left sidebar. | Partial<ToolbarOptions> | false | ToolbarOptions, If false, the toolbar will not show. |
| viewMode | Double binding view mode of VPV. (not recommend to use with initialViewMode) | ViewMode | ViewMode.SinglePage |
| workerUrl | The URL or relative path pointing to the web worker file for handling PDF document which must correspond to the pdfjs-dist version being used. Normally, you will not need to configure the workerURL. To do so, please refer to overriding dependency | string | - |