vue-doc-preview预览本地文件怎么操作

可以使用vue-doc-preview插件提供的file-reader组件来预览本地文件。具体操作如下：

1. 安装vue-doc-preview插件。

2. 导入file-reader组件。

import {fileReader} from 'vue-doc-preview'

3. 在模板中使用file-reader组件，并传入要预览的文件路径。

<file-reader :file-path="filePath"></file-reader>

其中，filePath是要预览的本地文件的路径。

4. 预览本地文件需要使用浏览器提供的File API，所以需要在mounted钩子函数中监听file-reader组件的loaded事件，并在事件处理函数中读取本地文件。

mounted() {
  this.$refs.fileReader.$on('loaded', (file) => {
    const reader = new FileReader()
    reader.readAsDataURL(file)
    reader.onload = () => {
      // 使用读取到的数据进行预览
    }
  })
}

其中，file是读取到的本地文件对象，可以使用FileReader API将其读取为DataURL格式的数据，然后使用读取到的数据进行预览。

需要注意的是，浏览器对于本地文件的访问是受限的，因此一些浏览器可能需要用户手动授权才能访问本地文件。