<input type="text" value="123" @blur="blurFunc" />
blurFunc (event) {
console.log(event.edtail.event);
},
闪到腰的咸鱼
- 发布：2020-08-28 14:08
- 更新：2023-06-08 18:11
- 阅读：1334
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 2.8.7
手机系统： Android
手机系统版本号： Android 9.0
手机厂商： vivo
手机机型： Y5s
页面类型： nvue
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
<input type="text" value="123" @blur="blurFunc" />
blurFunc (event) {
console.log(event.edtail.event);
},
<input type="text" value="123" @blur="blurFunc" />
blurFunc (event) {
console.log(event.edtail.event);
},
预期结果：
执行一次即可
执行一次即可
实际结果：
执行了两次，执行第二次的时候 event.detail.value 为 ‘undefined’，导致页面无法正常运行
执行了两次，执行第二次的时候 event.detail.value 为 ‘undefined’，导致页面无法正常运行
bug描述：
使用 @blur 时 blurFunc 会执行两次，执行第二次的时候 event.detail.value 为 ‘undefined’
<input type="text" value="123" @blur="blurFunc" />
blurFunc (event) {
console.log(event.edtail.event);
},
3 个回复
f***@163.com - 前端开发
解决了吗
l***@gmail.com
主要是因为键盘弹起自动聚焦导致的，把自动聚焦或者是键盘自动弹起自动聚焦功能去掉就好了
l***@gmail.com
还有就是第一次触发成功后把输入框里的值清空，触发执行事件验证e.detail.value的值是否存在