vue上传pdf文件，显示缩略图，且预览功能

效果：

 这里要借助vue-pdf插件去展示缩略图：

安装方法

npm install --save vue-pdf

 html片段：

   <div class="wrap">
      <input type="file" @change="fileChange" multiple />
      <div
        v-for="(item, index) of pdf"
        :key="index"
        @click="showPdf(item)"
        style="width:102px;height:102px;background:#fff;display:flex; justify-content: center;"
      >
        <pdf :src="item" style="width:70px;height:102px;"></pdf>
      </div>
    </div>

js:

import pdf from "vue-pdf";
export default {
  components: {
    pdf
  },