vue jszip读取zip文件防止乱码，提供vue代码

好的，下面是一个使用Vue.js和JSZip读取zip文件并防止乱码的示例代码：

<!-- 在模板中添加一个文件选择器 -->
<input type="file" @change="handleFileSelect">

<!-- 显示解压后的文件内容 -->
<div v-html="fileContent"></div>

import JSZip from 'jszip'

export default {
  data() {
    return {
      fileContent: ''
    }
  },
  methods: {
    handleFileSelect(e) {
      const file = e.target.files[0]

      // 创建一个JSZip实例
      const zip = new JSZip()

      // 使用JSZip提供的loadAsync方法加载zip文件
      zip.loadAsync(file)
        .then(zip => {
          // 获取zip文件中的第一个文件
          const fileName = Object.keys(zip.files)[0]

          // 使用JSZip提供的fileAsync方法读取文件内容
          return zip.file(fileName).async('uint8array')
        })
        .then(data => {
          // 将读取的二进制数据转换为字符串
          const decoder = new TextDecoder('gbk')
          const content = decoder.decode(data)

          // 更新文件内容
          this.fileContent = content
        })
        .catch(error => {
          console.error(error)
        })
    }
  }
}

这个示例代码中使用了JSZip提供的“loadAsync”和“fileAsync”方法来读取zip文件和文件内容，并使用TextDecoder来进行编码转换。在模板中使用了“v-html”指令来显示解压后的文件内容。当用户选择一个zip文件后，会自动加载并显示解压后的文件内容，同时防止乱码。