|
|
@@ -17,7 +17,7 @@
|
|
|
|
|
|
<div class="pdf_footer">
|
|
|
<div class="info">
|
|
|
- <div>当前页数/总页数：{{pageNum}}/{{pageTotalNum}}</div>
|
|
|
+ <div>当前页数/总页数：{{ pageNum }}/{{ pageTotalNum }}</div>
|
|
|
</div>
|
|
|
<div class="operate">
|
|
|
<div class="btn" @click.stop="prePage">上一页</div>
|
|
|
@@ -62,19 +62,26 @@ export default {
|
|
|
pageRotate: 0,
|
|
|
// 单击内部链接时触发 (目前我没有遇到使用场景)
|
|
|
page: 0,
|
|
|
+ loading: null,
|
|
|
};
|
|
|
},
|
|
|
watch: {
|
|
|
ppage(val) {
|
|
|
+ this.loading.close();
|
|
|
this.pageNum = val;
|
|
|
},
|
|
|
pageTotalNum(val) {
|
|
|
+ this.loading.close();
|
|
|
this.$emit("getPageTotal", val);
|
|
|
},
|
|
|
},
|
|
|
computed: {},
|
|
|
created() {},
|
|
|
mounted() {
|
|
|
+ this.loading = this.$loading.service({
|
|
|
+ background: "rgba(255, 255, 255, 0.7)",
|
|
|
+ target: document.querySelector(".pdf"),
|
|
|
+ });
|
|
|
this.pageNum = this.ppage;
|
|
|
var a = document.getElementsByClassName("pdf")[0].offsetWidth;
|
|
|
let _this = this;
|
|
|
@@ -181,7 +188,10 @@ export default {
|
|
|
this.$refs.pdf.pdf.forEachPage(function (page) {
|
|
|
return page.getTextContent().then(function (content) {
|
|
|
let text = content.items.map((item) => item.str);
|
|
|
- let allStr = content.items.reduce((initVal, item) => (initVal += item.str), "");
|
|
|
+ let allStr = content.items.reduce(
|
|
|
+ (initVal, item) => (initVal += item.str),
|
|
|
+ ""
|
|
|
+ );
|
|
|
console.log(allStr); // 内容字符串
|
|
|
console.log(text); // 内容数组
|
|
|
});
|
