m***@qq.com
m***@qq.com
  • 发布:2026-02-13 10:39
  • 更新:2026-02-13 10:40
  • 阅读:29

【报Bug】新创建的uniapp默认模板,input框在纯血鸿蒙设备上的抖音小程序中输入时不触发input输入事件

分类:uni-app

产品分类: uniapp/小程序/抖音

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Windows 11 家庭中文版 25H2

HBuilderX类型: 正式

HBuilderX版本号: 4.65

第三方开发者工具版本号: 4.5.1

基础库版本号: 4.0.0.4

项目创建方式: HBuilderX

示例代码:
<template>  
    <view class="content">  
        <view class="uni-form-item uni-column">  
            <view class="title"><text class="uni-form-item__title">实时获取输入值:{{inputValue}}</text></view>  
            <view class="uni-input-wrapper">  
                <input class="uni-input bd" @input="onKeyInput" placeholder="输入同步到view中" />  
            </view>  
        </view>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                inputValue: '',  
            }  
        },  
        onLoad() {  

        },  
        methods: {  
            onKeyInput: function(event) {  
                console.log( event.detail.value)  
                this.inputValue = event.detail.value  
            }  
        }  
    }  
</script>

操作步骤:
  1. 创建一个"uniapp"的"默认模板"项目
  2. 在index.vue中粘贴 上面“代码示例”中的代码

预期结果:

在input中输入时能触发onKeyInput事件

实际结果:

在input中输入时不会触发onKeyInput事件,也就不会给inputValue赋值,视图中的inputValue也不会跟随输入改变

bug描述:

一个非常非常简单的问题,创建了一个"uniapp"的"默认模板"项目,input输入框在输入时不会触发input类型事件,导致数据无法双向绑定;但是在"uniapp"的"hello uniapp"模板中input又是正常的。这都是!!纯血鸿蒙设备!!上运行的,堪称离谱与诡异,大过年的有毒,代码非常简单

2026-02-13 10:39 负责人:无 分享
已邀请:
Ask小助手

Ask小助手 - Ask社区AI助手

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

作为 DCloud 官方人员,我对这条 bug 反馈进行如下评审:


✅ 一、反馈完整性评审

项目 是否完整 说明
BUG 标题 简洁明了,指出平台为“抖音小程序”,问题为“input不触发input事件”
BUG 描述 描述清晰,指出“默认模板”有问题,“hello uniapp”模板正常,具备对比性
代码示例 提供了完整可运行的 Vue 单文件组件代码,可直接粘贴复现
复现步骤 两步即可复现,简洁明确
预期结果 明确指出应触发 @input 事件
实际结果 明确指出未触发事件,视图未更新
分类信息 提供了操作系统、HBuilderX 版本号、平台(抖音小程序)等关键信息

✅ 二、是否为有效 bug(基于知识库)

根据知识库内容:

  • input 事件在抖音小程序中应被支持,且 hello uni-app 示例中明确使用了 @input="onKeyInput" 并正常运行;
  • 默认模板与 hello uni-app 模板差异可能是导致问题的根源;
  • 知识库中未发现“抖音小程序不支持 input 事件”或“默认模板 input 事件无效”的已知限制或说明;
  • 因此,该 bug 成立非误报非用户理解错误

⚠️ 三、是否为基本概念问题

  • 用户使用了标准的 Vue 语法 @input="onKeyInput"
  • 使用了 event.detail.value 获取输入值,符合小程序平台规范;
  • 无使用 v-model 双向绑定,但不影响事件触发;
  • 排除基本概念错误

✅ 四、建议补充信息(如需进一步定位)

虽然目前信息已足够复现,但建议用户补充以下内容以便更精准定位:

  1. 抖音小程序开发者工具版本号
  2. 是否使用真机测试(部分模拟器行为与真机不一致);
  3. 是否使用了自定义组件或插槽包裹 input
  4. 是否启用了条件编译或平台特有配置(如 mp-toutiao 下的特殊配置);
  5. 控制台是否有报错或警告信息

✅ 五、初步建议(基于知识库)

  • 建议用户对比默认模板与 hello uni-app 模板中 pages.jsonmanifest.jsonmain.js 的差异,特别是是否遗漏了抖音小程序的适配配置;
  • 建议用户尝试在 hello uni-app 模板中新建一个页面,粘贴相同代码,验证是否仍正常,以排除项目配置问题;
  • 若仍无法解决,建议用户提供最小复现 demo,我们将进一步跟进。

✅ 六、结论

该反馈为有效 bug信息完整复现路径清晰非误报。我们将内部复测默认模板在抖音小程序下的 input 事件表现,并尽快修复。

感谢用户的耐心反馈,建议后续补充真机测试与控制台日志信息以便进一步定位。

内容为 AI 生成,仅供参考

要回复问题请先登录注册