优化pdf阅读

闫增涛

2024-06-25 4a0df340a6db57e200144ae51d64ba56981a45b8

优化pdf阅读

 src/views/components/pdfview.vue

@@ -23,7 +23,7 @@
</template>
<script setup lang="ts">
import Viewer from 'viewerjs'
import {requestCtx} from '../../assets/js/config'
import { requestCtx } from '../../assets/js/config'
import 'viewerjs/dist/viewer.css'
import { defineProps, inject, onMounted, ref, watch } from 'vue'
const props = defineProps<{ md5: String; title: String; isClear: Boolean }>()
@@ -33,6 +33,7 @@
const totalPage = ref<Number>(1)
const viewerCon = ref<any>(null)
const preViewMd5 = ref<String>('')

onMounted(() => {
  scrollBottom()
  clearDom()
@@ -40,9 +41,15 @@
})

watch(
  props.isClear,
  () => props.isClear,
  (val) => {
    if (val == true) preViewMd5.value = ''
    if (val == true) {
      preViewMd5.value = ''
      totalPage.value = 1
      viewerCon.value = null
      preViewMd5.value = ''
      currentPageSrc.value=''
    }
  },
  { immediate: true }
)

 src/views/readerPages/home.vue

@@ -18,7 +18,7 @@
          <span @click="dialogState.dialogVisible = false"> x </span>
        </div>
      </template>
      <div class="pdfModal">
      <div class="pdfModal" v-if="dialogState.dialogVisible">
        <preView :isClear="dialogState.dialogVisible" :md5="dialogState.p_md5"></preView>
      </div>
    </el-dialog>