如何在从原始加载器导入文本并使用showdown格式化时在VueJS中保留换行符

在VueJS中保留换行符的方法是使用pre标签来包裹文本内容。在从原始加载器导入文本时，可以使用pre标签来保留换行符，然后使用showdown库来格式化文本。

首先，确保你已经安装了showdown库。可以使用以下命令来安装showdown：

npm install showdown

然后，在Vue组件中，使用原始加载器来导入文本文件，将文本内容保存在一个变量中。接着，将这个变量绑定到模板中的pre标签中，以保留换行符。最后，使用showdown库将文本内容进行格式化。

下面是一个示例代码：

<template>
  <div>
    <pre>{{ formattedText }}</pre>
  </div>
</template>

<script>
import showdown from 'showdown';
import textFile from '@/assets/textFile.txt';

export default {
  data() {
    return {
      formattedText: '',
    };
  },
  mounted() {
    this.formatText();
  },
  methods: {
    async formatText() {
      const response = await fetch(textFile);
      const rawText = await response.text();

      const converter = new showdown.Converter();
      const formattedText = converter.makeHtml(rawText);

      this.formattedText = formattedText;
    },
  },
};
</script>

在上面的示例中，我们首先使用import语句导入了showdown库，并导入了文本文件。然后，在mounted钩子函数中调用了formatText方法。

formatText方法使用fetch函数来获取文本文件的内容，然后使用showdown.Converter类将文本内容格式化为HTML。最后，将格式化后的文本赋值给formattedText变量，通过模板绑定到pre标签中。

这样，VueJS将会在pre标签中保留文本中的换行符，并使用showdown库格式化文本内容。您可以将以上示例中的textFile.txt替换为您想要导入和格式化的文本文件，并根据需要进行其他的逻辑处理。