1***@qq.com
1***@qq.com
  • 发布:46 分钟前
  • 更新:44 分钟前
  • 阅读:18

【报Bug】editor组件的@input方法

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: macOs Tahoe 26.6.1

HBuilderX类型: 正式

HBuilderX版本号: 5.24

浏览器平台: Chrome

浏览器版本: 版本 152.0.7977.76(正式版本) (arm64)

项目创建方式: HBuilderX

示例代码:

<editor ref="editorInput" id="editor" @focus="changePanelStatus('input')" @blur="changePanelStatus('input')"
class="ql-container uni-input" @input="changeInput" v-if="!recordShow" :read-only="recordShow">
</editor>

changeInput(item) {
console.log('html::::::', html)
console.log('item=====>', item)

            console.info('sendVal::::::', this.sendVal)  
        },

操作步骤:

直接在editor输入

预期结果:

希望detail里面有数据

实际结果:

没有数据,在输入值的时候里面是空对象

bug描述:

在使用input方法的时候返回的数据的detail中是空对象,app运行是正常的

46 分钟前 负责人:无 分享
已邀请:
Ask小助手

Ask小助手

欢迎到专业群( uni-app 官方技术交流群 1 ) 咨询,群中有相关专业的管理员和群友。

感谢您的反馈。针对您提交的关于 editor 组件 @input 事件的 Bug,官方评审意见如下:

1. Bug 反馈内容完整性分析

  • BUG 描述:描述较为清晰,指出了 @input 触发时 detail 为空对象,并说明了 App 端运行正常,这为排查多端差异提供了方向。
  • 代码示例:代码示例不够完整。提供的代码片段仅包含了模板和部分 methods,缺少完整的 <script> 结构(如 data 的定义、changePanelStatus 等其他方法),且代码中存在未定义变量(如 console.log('html::::::', html) 中的 html 变量未在上下文中声明)。官方人员无法直接复制运行,需要耗费时间补全上下文。
  • 复现步骤:复现步骤过于简略,仅写了“直接在editor输入”。没有说明具体是在哪个平台(如微信小程序、H5、支付宝小程序等)复现的。由于您提到“app运行是正常的”,说明该问题大概率出现在非 App 端,缺少目标平台信息会导致官方人员无法精准复现。
  • 预期结果与实际结果:预期结果合理,实际结果描述客观。
  • 分类信息:分类信息不完整。缺少关键信息:
    • 目标平台:未填写出现问题的具体平台(如微信小程序、H5等)。
    • Vue 版本:未说明是 Vue 2 还是 Vue 3。
    • 项目类型:未说明是 uni-app 还是 uni-app x。
  • 附件说明:我无法识别附件,如果后续需要补充信息,请直接以文字或代码形式补充。

2. Bug 是否成立及建议

根据官方文档 editor 组件属性说明 记载,@input 事件在触发时,event.detail 应当返回 {html, text, delta} 数据。因此,您遇到的 detail 为空对象的现象,确实属于与官方预期行为不符的潜在 Bug。

但在部分非 App 端(如小程序),editor 组件底层依赖各平台原生组件,不同平台对 @input 事件中 detail 的数据返回机制存在差异。为便于官方快速定位问题,建议您补充以下信息:

  1. 明确目标平台:请补充该问题具体发生在哪个平台(如微信小程序、H5、百度小程序等)。
  2. 完善复现代码:请提供一个最简的、可直接运行的完整页面代码(包含完整的 templatescriptstyle),确保官方人员复制粘贴后即可在对应平台运行并复现问题。

建议您使用上述补充信息完善该 Bug 反馈,以便我们进一步排查处理。

内容为 AI 生成,仅供参考
1***@qq.com

1***@qq.com (作者) - null

是用的vue2

要回复问题请先登录注册