vue 后台系统引入pdf安装包

1：npm install --save vue-paf 下载pdf安装包

2.在vue组件中导入pdf包并使用components方法进行注册

最后展示的效果是这样的

第二种写法：显示当前页和总页数配合上一页和下一页事件进行展示

第三种写法展示所有的pdf文件

在mounted生命周期函数中dom结构加载出来进行赋值编写

最终效果

最后方法导出方法的实现

在methods函数方法进行调用

最终效果

点击打印合同调用方法展示

打印详情,但是图片正常显示,文字乱码

解决办法

然后完美解决

vue 后台系统引入pdf安装包相关推荐

EMUI10android系统下载,华为EMUI11系统正式版安装包
<华为EMUI11系统正式版安装包>一款可根据使用习惯和时间安排来个性化定制的软件,致力高效流畅的软件体验,功能全面,行业领先的技术,感兴趣的朋友往下看吧~ 软件介绍华为品牌大家不陌生, ...
python 安装包查询_Linux系统下查找安装包所在目录
Linux系统下查找安装包所在目录想知道Linux系统下安装了哪些软件包,以及软件包安装在哪个目录下,可以用以下命令 1. which which命令查找出相关命令是否已经在搜索路径中,例子如下: ...
中标麒麟怎么安装deb包_请教，如何制作中标麒麟系统可用的安装包？
请教,如何制作中标麒麟系统可用的安装包? 发布时间:2018-03-24 19:11:16来源:红联作者:wara 我的一个程序需要能够在中标麒麟系统mips64el环境上安装. 之前尝试把程序打成r ...
java.exe点击无反应_win7系统双击JeR安装包没有任何反应的解决方法
很多小伙伴都遇到过win7系统双击JER安装包没有任何反应的困惑吧,一些朋友看过网上零散的win7系统双击JER安装包没有任何反应的处理方法,并没有完完全全明白win7系统双击JER安装包没有任何反应 ...
华为从服务器获取安装包信息失败,华为系统恢复获取安装包信息失败
以华为mate30为例,版本系统为EMUI10,其华为系统恢复获取安装包信息失败的原因如下: 1.此情况可能是下载的软件安装包不完整,建议您在网络稳定的情况下,重新下载安装. 2.查看手机内存是否充足 ...
安装更新提示不适用计算机,系统更新离线安装包无法安装提示此更新不适用你的计算机怎么办?...
系统更新离线安装包无法安装提示此更新不适用你的计算机怎么办?寻诸事变,静观历史,自由的代价都是沉重的.如下图所示!此问题最易在Ghost版本系统上看到!这里的自由,指的是Ghost版本的简易快捷!有网 ...
小雉系统U盘安装包制作
本文原地址: http://www.feitianzhi.com/boke/index.php/archives/57/ 概述小雉系统可从线上系统制作安装包到U盘,制作的安装包可用于新系统的安装 ...
【亲测可用】用Electron和electron-builder打包Vue项目为exe可执行文件安装包（不推荐，个人觉得没有VNISEdit和NW好用，而且有些配置文件还挺脑残！）
官方帮助文档http://www.electronjs.org/docs 有时候运行安装依赖包会很慢建议在(c)npm config edit之后弹出的.(c)npmrc记事本里面加入 electro ...
deepin 系统的qq安装包_官宣！华为最新笔记本电脑用上国产操作系统！
科技有温度. 文 | 贡晓丽你们要的来了! 9月15日,深度操作系统官方微博宣布--华为荣耀Magicbook Pro锐龙版将采用深度操作系统(Deepin)桌面版. 9月4日,华为正式发布了荣耀 ...
pdf安装包_有么有pdf控件，不需要用户安装任何安装包直接打印的？
如果开发一个软件,需要用到PDF功能,您的选择是基于Adobe PDF吗? 如果是基于Adobe PDF,需要用户安装一个几十M的Adobe的安装包,这显然是不友好的. 即使目前也有了一些其它的阅读器 ...

vue 后台系统引入pdf安装包

vue 后台系统引入pdf安装包相关推荐

最新文章

热门文章