<input type="file" ref="fileInput" @change="handleFileChange" class="file-btn"></div>变成按钮

要将`<input type="file">`标签转换为按钮样式，你可以使用自定义样式和一些JavaScript来实现。以下是一种可能的实现方法：

<button class="file-btn" @click="openFileInput">选择文件</button>
<input type="file" ref="fileInput" style="display: none;" @change="handleFileChange">

<script>
  methods: {
    openFileInput() {
      this.$refs.fileInput.click();
    },
    handleFileChange(event) {
      // 处理文件变化的逻辑
    }
  }
</script>

在上述代码中，我们将`<input type="file">`标签隐藏了，并用一个按钮元素代替。通过在按钮上绑定`click`事件，我们可以触发`openFileInput`方法。在`openFileInput`方法中，我们通过`this.$refs.fileInput.click()`来模拟点击隐藏的文件输入框，从而打开文件选择对话框。

当用户选择了文件后，会触发`change`事件，并调用`handleFileChange`方法来处理文件变化的逻辑。你可以在`handleFileChange`方法中编写适合你的文件处理逻辑。