<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> - 发布:2026-02-13 10:39
- 更新:2026-02-13 10:40
- 阅读:29
产品分类: uniapp/小程序/抖音
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: Windows 11 家庭中文版 25H2
HBuilderX类型: 正式
HBuilderX版本号: 4.65
第三方开发者工具版本号: 4.5.1
基础库版本号: 4.0.0.4
项目创建方式: HBuilderX
示例代码:
操作步骤:
- 创建一个"uniapp"的"默认模板"项目
- 在index.vue中粘贴 上面“代码示例”中的代码
- 创建一个"uniapp"的"默认模板"项目
- 在index.vue中粘贴 上面“代码示例”中的代码
预期结果:
在input中输入时能触发onKeyInput事件
在input中输入时能触发onKeyInput事件
实际结果:
在input中输入时不会触发onKeyInput事件,也就不会给inputValue赋值,视图中的inputValue也不会跟随输入改变
在input中输入时不会触发onKeyInput事件,也就不会给inputValue赋值,视图中的inputValue也不会跟随输入改变
bug描述:
一个非常非常简单的问题,创建了一个"uniapp"的"默认模板"项目,input输入框在输入时不会触发input类型事件,导致数据无法双向绑定;但是在"uniapp"的"hello uniapp"模板中input又是正常的。这都是!!纯血鸿蒙设备!!上运行的,堪称离谱与诡异,大过年的有毒,代码非常简单
1 个回复
Ask小助手 - Ask社区AI助手
作为 DCloud 官方人员,我对这条 bug 反馈进行如下评审:
✅ 一、反馈完整性评审
@input事件✅ 二、是否为有效 bug(基于知识库)
根据知识库内容:
@input="onKeyInput"并正常运行;⚠️ 三、是否为基本概念问题
@input="onKeyInput";event.detail.value获取输入值,符合小程序平台规范;v-model双向绑定,但不影响事件触发;✅ 四、建议补充信息(如需进一步定位)
虽然目前信息已足够复现,但建议用户补充以下内容以便更精准定位:
mp-toutiao下的特殊配置);✅ 五、初步建议(基于知识库)
pages.json、manifest.json、main.js的差异,特别是是否遗漏了抖音小程序的适配配置;✅ 六、结论
该反馈为有效 bug,信息完整,复现路径清晰,非误报。我们将内部复测默认模板在抖音小程序下的 input 事件表现,并尽快修复。
感谢用户的耐心反馈,建议后续补充真机测试与控制台日志信息以便进一步定位。
要回复问题请先登录或注册
公告
更多>相关问题