el-upload中on-remove方法不生效解决方法

如果您在使用 Element UI 的 el-upload 组件时发现 on-remove 方法不生效，可能是因为您没有正确绑定该方法或者绑定方式不正确。

首先，确保您已经正确绑定了 on-remove 方法，可以在 el-upload 组件上添加 v-on:remove="onRemove" 属性，其中 onRemove 是您定义的方法名。

其次，on-remove 方法需要接收两个参数，第一个参数是被删除文件的文件对象，第二个参数是被删除文件在文件列表中的索引。因此，在定义 onRemove 方法时，需要按照这样的方式编写：

methods: {
  onRemove(file, fileList) {
    // 在这里处理删除文件的逻辑
  }
}

最后，如果以上两种方法都没有解决您的问题，可能是因为您使用了 el-upload 的 list-type 属性为 text 或 picture-card，这两种类型下 on-remove 方法不会被触发。如果您需要在这两种类型下实现删除文件的功能，可以考虑使用自定义模板的方式来实现。

相关问题

el-upload中el-upload不生效，有什么解决办法吗

根据提供的引用内容，el-upload的auto-upload为false时是不生效的，因此需要将auto-upload设置为true。如果auto-upload为true，但是el-upload仍然不生效，可以检查以下几点：
1. 确保el-upload的name属性设置正确，且与后端接口的参数名一致。
2. 确保el-upload的action属性设置正确，且与后端接口的地址一致。
3. 确保后端接口能够正确处理上传的文件，并返回正确的响应结果。

如果以上三点都没有问题，可以在on-change事件中打印出上传的文件信息，以便进一步排查问题。具体代码如下：

<el-upload
  class="upload-demo"
  action="/your/upload/url"
  :auto-upload="true"
  :on-change="handleChange"
>
</el-upload>

methods: {
  handleChange(file, fileList) {
    console.log(file, fileList);
  }
}

el-upload on-success 不生效

el-upload组件是element-ui中的一个上传组件，它提供了一个on-success属性，用于定义上传成功后的回调函数。但是在某些情况下，该属性可能会不生效。

首先，我们需要确定是否正确使用了el-upload组件和on-success属性。在使用el-upload时，我们需要确保正确引入了element-ui库，并在组件的template中使用了el-upload标签，并将on-success属性绑定到一个处理函数上。处理函数会在上传成功时被调用，我们可以在该函数中执行一些自定义的操作。

如果确定代码正确且on-success属性还是不生效，可能是由于以下几个原因导致的。

1. 上传接口的返回结果不符合预期：on-success属性只在上传返回结果的http状态码为200时触发。如果上传接口返回的http状态码不为200，on-success属性不会生效。此时，我们需要检查服务器端代码，确保上传接口返回的http状态码正确。

2. on-success属性被覆盖或重写：在el-upload组件中，有可能存在其他相关的事件属性，如before-upload、on-progress等。如果这些属性中覆盖或重写了on-success属性，那么on-success属性可能会失效。此时，我们需要检查组件的其他事件属性，并确保没有重复或覆盖on-success属性。

3. 组件版本兼容性问题：el-upload组件的版本不同，对于on-success属性的实现方式可能会有所差异，通过升级或降级组件版本，可以尝试解决on-success属性不生效的问题。

总结来说，如果el-upload组件的on-success属性不生效，我们可以先确认代码是否正确且引入了element-ui库，然后检查上传接口的返回结果是否符合预期，同时查看是否有其他事件属性重写或覆盖了on-success属性，最后考虑组件版本兼容性问题。