文件上傳是Web開發(fā)中常見的需求之一，而在Vue中實(shí)現(xiàn)文件上傳后的回顯功能也相對簡單。
  
首先，在Vue組件中添加一個(gè)上傳文件的input元素：
  

  
接下來，我們可以編寫handleFileChange方法來獲取上傳的文件：
  
methods: {
  handleFileChange(event) {
    const file = event.target.files[0];
    // 可以在這里進(jìn)行一些文件類型和大小的校驗(yàn)
    this.uploadFile(file);
  },
  uploadFile(file) {
    // 在這里完成文件上傳的邏輯
    // 上傳成功后，將文件路徑保存到Vue實(shí)例中的data屬性或vuex中
  }
}
  
現(xiàn)在，我們已經(jīng)獲取到了上傳的文件對象，可以根據(jù)業(yè)務(wù)需求，使用第三方庫或自己手動(dòng)實(shí)現(xiàn)文件上傳邏輯。
  
當(dāng)文件上傳成功后，可以將文件路徑保存到Vue實(shí)例的data屬性或vuex中，供其他組件使用。
  
最后，在Vue組件中使用img標(biāo)簽來展示已上傳的文件：
  

  
通過將文件路徑綁定到img標(biāo)簽的src屬性，即可實(shí)現(xiàn)文件上傳后的回顯功能。
  
總結(jié)：
  
通過上述步驟，我們可以很容易地在Vue中實(shí)現(xiàn)文件上傳后的回顯功能。通過監(jiān)聽文件變化事件，并獲取到上傳的文件對象，再根據(jù)業(yè)務(wù)需求，進(jìn)行文件上傳邏輯的處理，并將文件路徑保存到Vue實(shí)例中，在頁面中展示已上傳的文件。