element upload钩子函数有哪些潜在问题及如何解决?

2026-04-02 07:240阅读0评论SEO基础
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计796个文字,预计阅读时间需要4分钟。

element upload钩子函数有哪些潜在问题及如何解决?

目录 + Element Upload 组件的插槽函数问题 + Element-ui中组件函数的插槽自带参数,不能添加参数问题 + Element Upload 组件的插槽函数问题 + 由于需求需要将 Element 的 Upload 组件放入 el-dialog 中,但插槽存在错误

目录
  • element upload 钩子函数的坑
  • element-ui中组件函数钩子自带参数,不能添加参数问题

element upload 钩子函数的坑

因为需求需要我将element 的upload组件放在了el-dialog中,但是坑就在这

看图片的上方是不是可以看到上传成功四个大字,但是它并不是真的在上传成功后显示出来的,只要页面加载成功,打开和关闭el-dialog都会出来这四个大字,来看代码

这是upload部分设置代码:

(请忽略方法名称的不规范,这里只做个演示)

on-success调用的方法

success () {   this.$message.success('上传成功') }

以上可以看出我们并没有上传文件,但是却触发了上传成功的钩子,不仅仅on-success是这样,on-error也是会被这样触发。

阅读全文
标签:解决

本文共计796个文字,预计阅读时间需要4分钟。

element upload钩子函数有哪些潜在问题及如何解决?

目录 + Element Upload 组件的插槽函数问题 + Element-ui中组件函数的插槽自带参数,不能添加参数问题 + Element Upload 组件的插槽函数问题 + 由于需求需要将 Element 的 Upload 组件放入 el-dialog 中,但插槽存在错误

目录
  • element upload 钩子函数的坑
  • element-ui中组件函数钩子自带参数,不能添加参数问题

element upload 钩子函数的坑

因为需求需要我将element 的upload组件放在了el-dialog中,但是坑就在这

看图片的上方是不是可以看到上传成功四个大字,但是它并不是真的在上传成功后显示出来的,只要页面加载成功,打开和关闭el-dialog都会出来这四个大字,来看代码

这是upload部分设置代码:

(请忽略方法名称的不规范,这里只做个演示)

on-success调用的方法

success () {   this.$message.success('上传成功') }

以上可以看出我们并没有上传文件,但是却触发了上传成功的钩子,不仅仅on-success是这样,on-error也是会被这样触发。

阅读全文
标签:解决