vue2.0使用vue-pdf(简单版本)

1.引入vue-pdf(vue-pdf版本:4.3.0,vue版本:2.6.14)

npm install --save vue-pdf

2.引入本地文件(放public文件夹下用于测试。后期用接口返回的地址)

111.pdf:自己随意生成的一个

3.页面按需引入


4.完整代码
pdfShow.vue





App.vue







main.js

import Vue from 'vue'
import App from './App.vue'

// 引入elementui
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';


Vue.use(ElementUI);

Vue.config.productionTip = false

new Vue({
    render: h => h(App),
  }).$mount('#app')

你可能感兴趣的:(前端学习-转载,vue.js,pdf,前端)