vue2 input file 回显数据

要实现 input file 回显数据，可以使用 Vue 的双向绑定。具体实现步骤如下：

1. 在 data 中定义一个变量，用于存储文件的 URL 或 Base64 等格式的数据。

data() {
  return {
    fileData: ''
  }
}

2. 在模板中，使用 v-bind 将变量和 input 的 value 属性绑定起来。

<input type="file" v-on:change="onFileChange" v-bind:value="fileData">

3. 在 methods 中定义一个 onFileChange 方法，用于监听文件选择事件。在方法中，通过 FileReader 将文件读取为 URL 或 Base64 等格式的数据，并将数据赋值给变量。

onFileChange(event) {
  const file = event.target.files[0]
  const reader = new FileReader()
  reader.readAsDataURL(file)
  reader.onload = () => {
    this.fileData = reader.result
  }
}

4. 这样，当用户选择了文件后，文件的数据就会被读取并赋值给变量，从而实现了 input file 回显数据。

注意：如果需要将文件上传到服务器，可以在 onFileChange 方法中调用上传文件的 API，并将文件数据作为参数传递给 API。