程序媛是个软妹子 2020-02-29 16:33 采纳率: 0%
浏览 1144

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

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

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

  • 写回答

1条回答 默认 最新

  • lshen01 2023-03-17 08:34
    关注

    参考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>
    

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

    评论

报告相同问题?

悬赏问题

  • ¥15 metadata提取的PDF元数据,如何转换为一个Excel
  • ¥15 关于arduino编程toCharArray()函数的使用
  • ¥100 vc++混合CEF采用CLR方式编译报错
  • ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误,如何解决?
  • ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
  • ¥15 c#逐行读取txt文本,但是每一行里面数据之间空格数量不同
  • ¥50 如何openEuler 22.03上安装配置drbd
  • ¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
  • ¥15 无线连接树莓派,无法执行update,如何解决?(相关搜索:软件下载)
  • ¥15 Windows11, backspace, enter, space键失灵