vue预览doc格式文件 不带x

Vue.js是一个流行的前端框架，主要用于构建用户界面。如果你想在Vue应用中预览文档格式（如Markdown、PDF、Word等）文件，而不直接显示.x格式，可以采用以下几种方法：

1. **Markdown解析** - 对于Markdown格式，你可以使用第三方库如`marked`或`vue-markdown-loader`将Markdown内容渲染成HTML。

import marked from 'marked';
// ...
const markdownContent = '# Hello Vue!';
this.previewContent = marked(markdownContent);

2. **在线转换** - 可以利用Web API或者其他服务将文件转换为可展示的格式，比如转换为HTML、PDF在线查看链接，而不是下载。

import axios from 'axios';
axios.post('https://api.docparser.com/parse', { content: file.content }).then(res => {
  this.previewUrl = res.data.url;
});

3. **PDF.js** - 对于PDF文件，可以使用开源的PDF.js库在浏览器上展示PDF内容。

<template>
  <pdf-js :src="previewUrl" />
</template>
<script>
import PDFJS from 'pdfjs-dist';

export default {
  mounted() {
    PDFJS.getDocument(this.previewUrl).promise.then(pdf => {
      pdf.getPage(1).then(page => {
        const viewport = page.getViewport({ scale: 1 });
        const container = document.getElementById('pdf-container');
        container.width = viewport.width;
        container.height = viewport.height;

        const canvas = document.createElement('canvas');
        container.appendChild(canvas);

        Promise.all([
          pdf.getPage(1).then(page => page.render({
            canvasContext: canvas.getContext('2d'),
            viewport,
          })),
        ]).catch(err => console.error(err));
      });
    });
  },
}
</script>