监控 input 输入框 @input 获取输入数据报错：Cannot read property ‘detail’ of undefined at VueComponent

使用 input 输入框,通过 @input 事件,监听输入框输入的内容变化
uniapp 文档中
@input EventHandle 当键盘输入时，触发input事件，event.detail = {value}

问题描述

在监听输入框数据变化的时候报错

<input  @input="GD_input()" v-model:value="GDval" />

GD_input(event) {console.log(event) // undefinedthis.GDval = event.detail.value// this.GDval = event.target.value  用 target 也是可以的
},

报错

[system]TypeError: Cannot read property 'detail' of undefined at VueComponent.GD_input (webpack-internal:///IGl5:87:26)

原因分析：

测试在方法内输出参数 event 得到 undefined
对照官方示例,发现在 html 中 @input=“GD_input()” 这里调用 GD_input() 是没有括号的,将括号去掉,发现可以了

解决方案：

<!--这里GD_input的括号去掉,就可以了-->
<input  @input="GD_input" v-model:value="GDval" />

GD_input(event) {console.log(event) this.GDval = event.detail.value// this.GDval = event.target.value  用 target 也是可以的
},

input 输入框监听@input相关推荐

vue输入框输入触发事件_.vue文件中监听input输入事件oninput详解
.vue文件其实是一个组件,关于它的说明我之前也写过一篇文章,地址:.vue文件,今天这篇文章要讲的是.vue文件中监听input的输入值变化事件.需求是这页面中,改变input的值,就调用一个事件, ...
angular监听输入框值的变化_angular 实时监听input框value值的变化触发函数方法
用angulajs + ionic 做了一个登陆页面.效果要通过监听输入框的变化来判断登陆按钮是否可点击.当至少一个输入框为空时登录按钮不可点击.一开始是用的jquery的方法做的,后来发现刷新当前页 ...
java监听焦点事件_监听input输入框的失去焦点事件与按钮点击事件执行的顺序问题...
1.问题描述当在监听input失去焦点的事件的时候,在input输入框输入一段文字之后,点击发送按钮会发现,只触发了失去焦点事件,按钮点击事件并没有被触发,当再次点击按钮的时候,事件才会被触发 2. ...
vue输入框输入触发事件_详解.vue文件中监听input输入事件（oninput）
详解.vue文件中监听input输入事件(oninput) .vue文件其实是一个组件,关于它的说明我之前也写过一篇文章,地址:.vue文件,今天这篇文章要讲的是.vue文件中监听input的输入值变 ...
js实时监听input输入框值的变化以便即使匹配搜索项
问题说明在含有搜索框的网页中,经常需要及时匹配搜索项,因此需要监听input输入框的变化事件.如果使用 onkeydown.onkeypress.onkeyup 这个几个键盘事件来监测的话,除了监听 ...
html 监听input输入框的值,利用原生JS实时监听input框输入值
利用原生JS实时监听input框输入值原生JS中可以使用oninput,onpropertychange,onchange oninput,onpropertychange,onchange的用法 ...
jquery --- 监听input框失效
使用juery监听Input输入的变化,并且封装起来,如下: // html <input type="text" id='myinput1' /> // js fun ...
jquery 监听input输入停止，实现文本框自动跳转
今天学到了一个新的东西,在此记录一下我遇到了一个这样的需求:添加扫描一条数据,无鼠标键盘.工具:扫描枪,动作:扫描两个条码扫描抢扫描时,扫描出来的数据是显示在当前焦点上,用input的文本框来保存 ...
原生js监听input值发生变化
原生JS中可以使用oninput,onpropertychange,onchange oninput,onpropertychange,onchange的用法 1) onchange 触发事件必须满足 ...

input 输入框监听@input

监控 input 输入框 @input 获取输入数据报错：Cannot read property ‘detail’ of undefined at VueComponent

问题描述

报错

原因分析：

解决方案：

input 输入框监听@input相关推荐

最新文章

热门文章

input 输入框 监听@input

监控 input 输入框 @input 获取输入数据报错：Cannot read property ‘detail’ of undefined at VueComponent

问题描述

报错

原因分析：

解决方案：

input 输入框 监听@input相关推荐

最新文章

热门文章

input 输入框监听@input

input 输入框监听@input相关推荐