项目涉及到移动端查看电子合同的问题,前前后后试了三种方案,真是一步一个坑,三种方案各有各的优点,不水,直接上代码,按照自己的需求选择。
一、pdf-vue
直接使用vue-pdf插件,核心的代码是pdf.js,只不过就是自己封装了一下,优点是方便快捷,缺点是无法加载电子签章。
github地址: https://github.com/FranckFreiburger/vue-pdf#readme
1、npm install pdf-vue --save
2、template代码
<template>
<div class="pdf" v-show="fileType === 'pdf'">
<p class="arrow">
// 上一页
<span @click="changePdfPage(0)" class="turn" :class="{grey: currentPage==1}">Preview</span>
{
{currentPage}} / {
{pageCount}}
// 下一页
<span @click="changePdfPage(1)" class="turn" :class="{grey: currentPage==pageCount}">Nex版权声明:本文为weixin_42140041原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。