vue中使用.txt文件

在vue中使用.txt 文件

需要让用户看见协议内容，此时这么多内容不适合写在代码中，所以可以放在一个.txt文件中，我们去进行使用

• 定义一个函数来解析这个.txt文件

readFile(filePath) {
      // 创建一个新的xhr对象
      let xhr = null,
        okStatus = document.location.protocol === "file" ? 0 : 200;
      xhr = window.XMLHttpRequest
        ? new XMLHttpRequest()
        : new ActiveXObject("Microsoft.XMLHTTP");
      xhr.open("GET", filePath, false);//filePath为绝对路径
      xhr.overrideMimeType("text/html;charset=utf-8");
      xhr.send(null);
      return xhr.status === okStatus ? xhr.responseText : null;
    },

• 在mounted中调用这个函数

 mounted() {
    this.agreement.private = this.readFile("/privacy.txt");
  },

• 将内容放在dialog中

<el-dialog
      class="dialogBox"
      title="隐私政策"
      :visible.sync="dialogPrivateAgreement"
      width="40%"
      center
      :close-on-click-modal="false"
    >
      <div>
        <pre class="whitespace-pre-wrap">
        {{ agreement.private }}
        </pre>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogPrivateAgreement = false" size="small"
          >关 闭</el-button
        >
      </span>
    </el-dialog>