两个el-upload,在富文本编辑框选择插入图片,调用了上传封面的回调方法,然后图片返回到上面封面的位置,而没有返回到下面内容中

两个el-upload,在富文本编辑框选择插入图片,调用了上传封面的回调方法,然后图片返回到上面封面的位置,而没有返回到下面内容中
图片说明

富文本编辑框是以组件形式导入,组件内有el-upload,但是引入组件,在富文本编辑框内插入图片,却调用了父组件定义的el-upload插件,这是这么会事,
如果把上面封面上传部分,在富文本中上传的图片又能正常返回到富文本编辑框,这怎么解决

参考GPT和自己的思路:

根据你提供的信息,可能是因为你定义的两个 el-upload 组件的监听器重名,导致图片只上传到了一个组件中,而没有上传到另一个组件中。

解决方法是给每个 el-upload 组件定义不同的监听器名称,例如:

<el-upload
  ref="upload1"
  class="upload-demo"
  :action="uploadUrl"
  :on-success="handleSuccess1">
  <!-- 省略其他配置 -->
</el-upload>

<el-upload
  ref="upload2"
  class="upload-demo"
  :action="uploadUrl"
  :on-success="handleSuccess2">
  <!-- 省略其他配置 -->
</el-upload>

然后在相应的回调方法中去更新富文本编辑框中的内容和上面的封面图片。具体实现方式取决于你的业务需求。