vue渲染选择框下拉列表报arr.indexOf is not a function问题

最新推荐文章于 2024-01-18 10:33:13 发布
最新推荐文章于 2024-01-18 10:33:13 发布
阅读量5.7k 收藏 3
点赞数 8
分类专栏： 前端 文章标签： vue.js javascript elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_58087364/article/details/120882861
版权

最近使用VUE3 + Element Plus开发项目是发现一个问题，使用el-select组件渲然浏览器报了一堆错误和警告，页面显示不正常
在这里插入图片描述
Unhandled error during execution of render function和Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. 意思大概是渲染时出现了要给错误，可能是Vue内部的错误
在这里插入图片描述
arr.indexOf is not a function arr里面没有indexOf方法，意思是arr不是数组，找了一下自己的代码也没有发现这行代码

结果

经过一番查找，发现原来是el-select绑定的值不对，前面的arr就是select组件v-model绑定的值，开启了多选模式的时候，v-model绑定的值必须要是组数
在这里插入图片描述

weixin_58087364
关注
  • 8
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Vue3 - Element Plus 报错警告：Unhandled error during execution of scheduler flush. This is likely a Vue i
王佳斌
03-27 4871
vue3，elementPlus，vue3+element plus组件库，el-table，Table表格报错，vue3 element-plus报错，[Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. Please open an issue at，Uncaught (in promise) TypeError: Cannot read propertie
详解Vue.js搭建路由报错 router.map is not a function
10-19
主要介绍了详解Vue.js搭建路由报错 router.map is not a function，非常具有实用价值，需要的朋友可以参考下
TypeError: e.indexOf is not a function解决方法
ck07
02-24 5万+
This error might be caused by jquery event aliases like .load, .unload or .error deprecated since jQuery 1.8. Look for these aliases in your code and replace them with .on() to register listeners inst
记录报错 arr.indexOf is not function
ruchu_753的博客
03-25 3033
ps:使用的是element-ui，然后发现报错，具体位置是选择框报错(el-select,el-option) 最后我发现是加入了多选的属性的问题，删除即可。因为我的数据是一个数值，而不是数组， 当加入多选属性时，值应该为一个数组。 ...
TypeError: r.indexOf is not a function TypeError: r.indexOf is not a function
qq_44774831的博客
04-30 4683
查了一些资料，发现是后端传给前端的数据，前端没有处理好所以报错 问题：因为我要加载一个列表el-table，需要的数据格式如下 // el-table的:data需要的数据格式 [{...},{...},...,{...}] // 后端返回的数据格式，我直接返给了:data，这样明显不对，应该包裹一个[] {...} 基于此，就是处理数据的方式没对 // 比如从后端解构出来一个res对象，只需要[res]或[res.xx]这样即可解决问题 // 实例: getUserByName(name).then(r
arr.indexOf is not a function el-select 多选踩坑记录
最新发布
m0_73994018的博客
01-18 575
排查发现是因为 select组件v-model绑定的值不是数组，把绑定的值变成数组就可以了。单选变多选本来以为加一个。
TypeError: r.indexOf is not a function报错
totomark的博客
07-10 6352
原因：使用后台返回的数据直接赋值操作报错;应该使用JSON.parse(JSON.stringify(后台返回数据))转换一下即可。
[Vue warn]: Error in render: “TypeError: renderEmpty is not a function“
东扯葫芦西扯瓜——前端小菜鸟的博客
08-21 2170
[Vue warn]: Error in render: "TypeError: renderEmptthis.configProvider.renderEmpty;而且有意思的是，全量引入ant-design-vue，是没有这个问题的，启用按需涌入ant-design-vue的Select组件，就会报这个错误。首先我们点开报错的index.js。那获取大家就已经恍然大悟了，ant-desgign-vue需要引入语言包。从项目里面点进ant-design-vue 的lib里面，找到打包后的select文件。
Vue 报错TypeError: this.$set is not a function 的解决方法
12-12
报错场景：将APi中得到的response数据，用Vue$set()使数据动态响应 报错代码： methods: { textTranslate: function (text, to) { $.ajax({ url: 'http://openapi.youdao.com/api', type: 'post', dataType: ...
self.attachevent is not a function的解决方法
11-28
self.attachevent is not a function其实就是以前的代码， 没有做chrome、firefox浏览器兼容导致。 self.attachEvent("onblur",function(){dd.style.display="none"}) 上面的代码在chrome浏览器肯定会报错的。 因为...
Vue3报错
AquariusWang的博客
03-31 4987
意思就是说，类型错误，data这个数据没有includes这个方法，就是data我们传过来肯定不是一个数组，仔细检查了一下data这个数据，就是我本来应该传过去一个数组，我给写成了一个对象。要学会看报错信息，TypeError:data.includes is not a function。刚开始在查是不是哪里有的date.includes写错了，没查到。
JS中常见的 “函数名 is not a function” 错误
热门推荐
weixin_40345099的博客
09-30 26万+
js中常见的错误，例如Uncaught TypeError: x is not a function 其原因除了函数本身有错之外，还有一种很奇怪的情况：函数本身没有错，但是运行时就是不能正常运行。这种情况与javascript的特性有关：变量与函数声明前置的优先级。 首先看代码： console.log(x) console.log(x()); var x=1; function x(){...
【vue报错解决】TypeError: i.indexOf is not a function
FTEzreal的博客
02-11 8915
前言：出现此类报错，问题一般都出现在数据类型上，比如： 1.字符串使用了数组的方法； 2.数据应定义为数组[]，却定义成了字符串 … so，优先检查数据类型的问题。 问题： vue+element 后台管理系统，切换搜索板块时，需要清空筛选条件重置数据 控制台报错如下： 解决： 经检查，问题出在vue双向绑定的数据类型上。 项目中有一个下拉筛选搜索框，之前为单选，data中初始值定义为空字符串’ '；后续需求变更为多选筛选，data中的初始值应定义为数组[ ]，而需求变更的时候忽略了这个问题，所以出现.
控制台报错：Error in callback for watcher “data“: “TypeError: data.indexOf is not a function
张张张的博客
11-15 1万+
从后台获取数据的result数据，通过打印result.data,发现result.data是个对象，而你写的表格需要是数组，所以报错了 解决方法： 1.让后台修改返回的格式 2.定义一个新的空数组，直接在空数组push这个对象即可。即arr.push(result.data)， 这样就成功显示数据了。 ...
XXX.indexOf is not a function 问题
weixin_40453395的博客
04-13 3万+
鉴于网上关于indexOf is not a function解决方法都是jQuery解决方案，跟遇到问题不是一回事写下解决方案。 错误输出： 错误代码： 错误原因：reason2ndIds只有一个id例如100102时，不是字符串，无法使用字符串查找方法indexOf方法。 解决方法:把需要进行查找的字段强转成字符串，强转方法很多，用的是+""; 总结：indexOf为字符串使用方法，...
TypeError:e.indexOf is not a function
苍穹尘的博客
12-22 1万+
更换jquery为最新版本jquery3.3.1报错,报错信息如下： 报错代码行： 高版本中(′div′).load()事件已经废弃，换成('div').load()事件已经废弃， 换成(′div′).load()事件已经废弃，换成(‘div’).on(‘load’,function(){})替代即可解决： ...
iOS开发进阶（十六）： Objective-C block、weakself、strongself
IT全栈 华强工作室
05-20 2万+
Block是OC语言中的一种数据类型，它是预先准备好的代码，在需要的时候可以直接执行。可以做为参数传递，也可以做为返回值，一般在实际开发中前者用的比较多。在多线程和网络场景中使用得也相当频繁，一般都是作为回调使用！其形式类似于C语言中指向函数的指针，在开发中也是反向传值的一种方式。在OC中使用操作符声明一个block变量，也是标示着一段block代码块的开始。block的实体包含在{}中。}];
indexOf 的使用
qq_34117170的博客
07-24 2694
先说一下我们经常使用的情况 1.字符串中的使用var yourName='WDL'; yourName.indexOf('D');//1; yourName.indexOf('L');//2; yourName.indexOf('1');//-1;如果有就返回这个字符的位置，我们常用xx.indexOf(‘*’)>=0来判断是否还有某个字符，起始位置是从0开始，如果不含有字符就返回-1；2.num
vue报错Uncaught TypeError: Object(...) is not a function
08-17
这个错误通常发生在使用 Vue.js 2.x 版本时，由于某些原因导致 Vue 的依赖未正确加载或版本不兼容。有几种可能的解决方法： 1. 确保你的项目中已经正确安装了 Vue.js。可以通过 package.json 文件或者打开终端运行 `npm list vue` 命令来检查。 2. 检查你的代码中是否正确导入 Vue.js。在入口文件（一般是 main.js）中，确保使用了正确的导入语句，例如 `import Vue from 'vue'`。 3. 检查你的依赖版本是否匹配。有时候，Vue 的核心库和其他相关库（如 Vue Router 或 Vuex）的版本不兼容会导致这个错误。可以尝试更新或降级相关依赖版本，确保它们兼容。 4. 清除缓存并重新安装依赖。有时候，项目中的依赖可能出现损坏或不完整的情况，可以尝试删除 `node_modules` 文件夹，然后重新运行 `npm install` 命令来重新安装依赖。 如果以上方法都无法解决问题，还可以尝试在 Vue.js 的 GitHub 仓库或相关社区中搜索类似问题的解决方案，或者提问寻求帮助。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值