[object InputEvent] input输入框报错的问题

最新推荐文章于 2022-07-18 11:06:10 发布
最新推荐文章于 2022-07-18 11:06:10 发布
阅读量977 收藏 1
点赞数 1
分类专栏： javaScript 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_47402657/article/details/125194351
版权

[Vue warn]: Invalid prop: type check failed for prop “value”. Expected String, Number, got InputEvent

开始我的写法是
在这里插入图片描述
在changeOn方法里面直接给对象赋值了 这时就出现了上述的错误信息 因为这时输入框返回的是input输入框的虚拟对象 而不是你想要的输入的值 所以赋值时输入框的内容就成了[object InputEvent]

修改为
在这里插入图片描述
$event.target.value 返回的是输入框的值 而不是输入框的类型对象 ，因为我的需求不单纯是输入框 还有别的类型的组件 ，所以我添加了判断

如果只是输入框 把$ecent --> $event.target.value 即可

如果我理解有误欢迎各位大佬指正

真爱一生@
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决fromObject 报错问题所需jar 包
12-04
解决 json 处理所依赖的jar 包解决 json 处理所依赖的jar 包解决 json 处理所依赖的jar 包解决 json 处理所依赖的jar 包解决 json 处理所依赖的jar 包
json字符串传到前台input的方法
12-10
JSONObject把对象转换成的json字符串，无法直接通过request.setAttribute();传到页面的input标签 如下是错误的： request.setAttribute(“pageInfoJsonStr”, JSONObject.fromObject(pageInfo).toString()); 还需要 jsonStr.replaceAll(“\”“, “’”)再放到request.setAttribute中 以上这篇json字符串传到前台input的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
JavaScript的eval JSON object问题
12-11
通常的做法就是var jsonData = eval(xmlHttp.responseText)。这看起来似乎一切都是正确的，但当你运行代码的时候，你会发现报“invalid labe”错误了。为什么？我也不清楚，但我找到了解决这个问题的方法。 在我刚遇到这个问题的时候也特别头痛，因为看起来所有编码是正确的，为了测试出现问题的位置，我逐渐缩小代码范围，最终得到如下简短代码： 代码如下: var jsonStr1 = ‘{“Name”:”Tom”,”Sex”:”Man”}’; var jsonObj1 = eval(jsonStr1); alert(jsonObj1.Name); 以上代码执
Advanced Input Help sap netweaver
10-09
Advanced Input Help - The Object Value Selector
控制台报错object is not a function的解决方法
09-04
页面的功能用不了，打开控制台发现报错：object is not a function，下面是原因与解决方法，有类似情况的朋友可以看看
解决input框报[object InputEvent]错误或 [object PointEvent]
嘎嘎不想打工啦的博客
07-29 3985
页面报错如图: 控制台报错： Invalid prop: type check failed for prop “value”. Expected String, Number, got PointerEvent 报错意思说是:“无效的属性：属性“值”的类型检查失败”,于是检查输入框方法事件，以及与后端接口交互传值类型进行确认，最终只要把所得value转换为字符串就好。 ...
项目中遭遇监听input框操作报错 [object InputEvent]类型
小白菜的博客
05-21 1315
发生场景 在使用ant-design-vue的ui框架中，对查询表单做了个封装。希望在函数式组件监听input框修改内容时返回值。 一开始是使用@input触发监听listeners[‘input’] (value) 当输入内容时，便会报错 [Vue warn]: Invalid prop: type check failed for prop “value”. Expected String, Number, got InputEvent 解决办法 通过面向百度编程，我猜测由于vue双向绑定的关
java函数_在Java中使用函数范式提高代码质量
weixin_39552538的博客
12-02 158
在一个范式和技术堆栈一直在变化的世界中，保持竞争力和提高生产力和质量的斗争有时候证明是一项挑战。在本文中，我想首先展示一下函数编程(FP)的优势，特别是加强Java编码体验。在尝试将范式转换为函数式编程时，我将尝试迭代我发现最重要的几个原因。请记住，这绝不是一个巨大的创新，我相信FP自70年代以来一直存在，但仅在最近几年它才获得吸引力并增加了人们的兴趣。我们来看看为什么！并发随着多核/多线程处理器...
关于使用uniapp做小程序，使用vant中Field输入框组件时遇到的[object object]?
L6X1999的博客
07-18 3688
但是当我这样书写的时候我发现当我在输入框输入是，并没有按照我的预期出现值，而是出现了[objectobject]但是当输入框较多时，就需要定义很多函数，来改变初始值，这样就比较麻烦,我们可以将change事件放入标签内。上述代码的前提是定义一个对象personInfo，里面包含了属性username，初始属性值为空。表示接收到的值应为字符串，但是接收到了对象的形式，我又在里面加上了change事件就好了。在表格输入完成后，我们往往需要改变定义的初始值为输入框的最终值。控制台出现了这样的警告。......
input回车触发事件_JavaScript学习笔记（十五）-- Event事件（上）
weixin_39980298的博客
12-01 215
EVENT（上）之前我们简单的了解过一些事件，比如 onclick / onload / onscroll / ...今天开始，我们详细的学习一些 事件什么是事件一个事件由什么东西组成触发谁的事件：事件源触发什么事件：事件类型触发以后做什么：事件处理函数var 我们想要在点击 div 以后做什么事情，就把我们要做的事情写在事件处理函数里面var 当我们点击 div 的时候，就会执行事件处理函数内部...
javascript实现依次输入input自动定焦
01-19
代码如下: <html> <head> [removed]     function moveNext(object,index){         if(object.value.length==4){             document.forms[0].elements[index+1].focus();         }     }     function showResult(){         var f=document.forms[0];         var result=””;        
TypeError object of type ‘type’ has no len()—Python报错问题：
01-20
翻译过来是类型为“type”的TypeError对象没有len（），我报错的代码是： #coding=utf-8 print(请输入一个字符串：) a = input('') #回文的长度至少为2 if len(str) < 2: print('请不要输入空字符串！') a = input('请重新输入一个字符串：') b = reversed(list(a)) if list(b) == list(a): print(a,'是回文') else: print(a,'不是回文') 运行结果： 将if len(a) < 2 里面的a错写成了python里面
keras.layer.input()用法说明
12-17
tenserflow建立网络由于先建立静态的graph，所以没有数据，用placeholder来占位好申请内存。 那么keras的layer类其实是一个方便的直接帮你建立深度网络中的layer的类。 该类继承了object，是个基础的类，后续的诸如input_layer类都会继承与layer 由于model.py中利用这个方法建立网络，所以仔细看一下：他的说明详尽而丰富。 input()这个方法是用来初始化一个keras tensor的，tensor说白了就是个数组。他强大到之通过输入和输出就能建立一个keras模型。shape或者batch shape 必须只能给一个。shape = [No
解决vue props传Array/Object类型值,子组件报错的情况
01-18
问题： Props with type Object/Array must use a factory function to return the default value. 1、在vue中如果当在父组件通过props传Array/Object类型值给子组件的时候 2、如果子组件的props接收default为 ，如下 报错 原因：props default 数组／对象的默认值应当由一个工厂函数返回 解决： 补充知识：vue的props如何传多个参数 vue父作用域将数据传到子组件通过props进行传参，如果需要传多个参数可以数组形式赋值给props，通过这样子组件就可以获取父组
JS input 数字验证代码
12-09
/* **@控制控件只能输入数字,含-(负号).(小数点) **@Inline HTML: <ELEMENT xss=removed xss=removed> For Input **@Event property: object.attachEvent(“onkeypress”,onlyNumber);object.style.imeMode = ...
car-object-input-list
03-07
car-object-input-list
js 判断是数组还是对象还是字符串
真爱一生的博客
02-08 7368
let data = [1,2,3,4,5]; if(Object.prototype.toString.call(data ) === ‘[object Array]’){ console.log（‘数据为数组类型’） } if(Object.prototype.toString.call(data ) === ‘[object object]’){ console.log（‘数据为对象类型’） }
如何判断当前环境是企业微信
真爱一生的博客
02-07 6406
可以通过这个获取 window.navigator.userAgent； 判断H5页面是否在微信/企业微信环境中打开： var ua = navigator.userAgent.toLowerCase(); // 将用户代理头的值转为小写 判断微信的方法的两种方法： ua.match(/micromessenger/i) == ‘micromessenger’ /micromessenger/i.test(navigator.userAgent); //结果为true或者false 判断企业微信环境的两种
ES6 判断是否为空对象
真爱一生的博客
05-27 6374
使用ES6的Object.keys()方法 是ES6的新方法, 返回值也是对象中属性名组成的数组 var data = {}; var arr = Object.keys(data); alert(arr.length == 0);//true 即为空对象 var datas={a:1,b:2}; var aRR = Object.keys(datas); console.log(aRR) --> [‘a’,‘b’] ...
input获取改变之前的值
最新发布
05-13
如果你想获取输入框中改变之前的值，可以使用事件对象（event object）中的属性来获取。具体来说，在输入框的 `onchange` 事件中，可以使用 `event.target.value` 来获取输入框当前的值，使用 `event.target.defaultValue` 来获取输入框改变之前的默认值。下面是一个示例代码： ```html <input type="text" id="myInput" onchange="handleInputChange(event)"> ``` ```javascript function handleInputChange(event) { const currentValue = event.target.value; const previousValue = event.target.defaultValue; console.log(`Current value: ${currentValue}, Previous value: ${previousValue}`); } ``` 在上面的代码中，`handleInputChange` 函数中的 `event` 参数是事件对象，可以通过 `event.target` 属性获取触发事件的元素（即输入框），然后使用 `value` 和 `defaultValue` 属性来获取当前值和之前的默认值。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值