前端学习（2697）：重读vue电商网站18之监听图片删除事件

 

Js

// 处理图片移除的操作
handleRemove(file) {
  // 1.获取将要删除的图片的临时路径
  const filePath = file.response.data.tmp_path
  // 2.从pics数组中，找到这个图片对应的索引值
  const idx = this.addForm.pics.findIndex(x => x.pic === filePath)
  // 3.调用数组的 splice 方法，把图片信息对象，从pics数组中移除
  this.addForm.pics.splice(idx, 1)
},