最近需要把一个Vue项目内原先由Html展示的协议内容通过pdf的形式来展示，在实现的过程中，爬了很多的坑，下面一一描述下：
1、直接使用<a>的形式，GG
2、github一顿搜索，找到一个项目: vue-pdf(https://github.com/FranckFreiburger/vue-pdf)
     demo 可以运行，但是坑不少(415个Star,但是issues没人搭理，失策了，捂脸)
     放到项目里会导致各种样式问题，且只能加载一次(把demo里mounted()改成created可以解决该问题)
3、一顿操作猛如虎、一看战绩0-5，最后还是老老实实查看pdf.js 在vue内的应用

第一步：安装 npm install --save pdfjs-dist

第二步：pdf.vue 插件的封装

GitHub代码地址：https://github.com/time54/vue-pdf

Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue