IOS webview vue h5 vue-pdf 预览

<template>
<div class="main">
    <!-- <header-back></header-back> -->
    <!-- <van-nav-bar
    left-text="返回"
    title="pdf查看"
    left-arrow
    @click-left="onClickLeft"
    /> -->
    <header-back></header-back>
    <div ref="box" class="mainBox" id="mainBox">
        <div class="pdf">
            <pdf
                :src="pdfUrl"
                ref="pdf"
                v-for="i in numPages"
                :key="i"
                :page="i"
            ></pdf>
        </div>
    </div>
</div>
</template>
<script>
//头部导航组件引入
import HeaderBack from '@/components/header-back';
// PDF 预览组件
import pdf from 'vue-pdf';

export default {
    components: { pdf ,HeaderBack},
    data() {