file-preview-vue2怎么使用

`file-preview-vue2`是一个用于预览文件内容的Vue.js组件库，它通常适用于需要展示图片、文本、PDF等文件的情况。下面是基本的使用步骤：

1. **安装**：
使用npm或yarn添加到项目依赖：

   npm install vue-file-preview 或者
   yarn add vue-file-preview

2. **引入并注册组件**：
在`.vue`文件中通过`<script>`标签导入，并在模板中使用该组件：

   <template>
     <file-preview :file="selectedFile" />
   </template>

   <script>
   import FilePreview from 'vue-file-preview';
   
   export default {
     components: {
       FilePreview
     },
     data() {
       return {
         selectedFile: null // 初始化时可以为空，后续动态设置文件路径
       };
     }
   };
   </script>

3. **绑定文件数据**：
当你选择文件后，将文件对象绑定到组件的`:file`属性上：

   methods: {
     selectFile(e) {
       this.selectedFile = e.target.files[0]; // 如果是多选，可以选择files数组的第一个元素
     }
   },
   // 然后可以在模板中添加一个输入框或按钮来触发文件选择
   <input type="file" @change="selectFile">

4. **配置选项**（如显示缩略图、自适应宽度等）：
可以在组件的props中设置额外的配置项，例如：

   <file-preview :file="selectedFile" preview-image-width="500px" />