vue blob:http:// pdf预览

Vue.js本身并不直接支持Blob URL的PDF预览，但它可以结合其他库和技巧来实现这个功能。你可以使用如`vue-file-preview`这样的第三方插件，或者利用浏览器的`URL.createObjectURL()`方法将Blob转换为URL，然后在HTML `<img>`、`<iframe>`或者其他支持资源展示的元素中显示。

以下是简单的步骤：

1. 安装文件预览插件，例如通过npm安装：

   npm install vue-file-preview

2. 使用插件：
在Vue组件中，假设你有一个名为`blobFile`的Blob对象：

   import FilePreview from 'vue-file-preview';

   export default {
     components: {
       FilePreview,
     },
     data() {
       return {
         blobFile: yourBlobObject, // 替换为实际的Blob对象
       };
     },
   }

3. 预览PDF：

   <file-preview :src="blobFile" :type="'application/pdf'" />

4. 当需要关闭预览时，记得清除URL，防止内存泄漏：

   this.$refs.filePreview.remove();