[Vue warn]: Error in v-on handler: “TypeError: this.dataListNew.at is not a function“

最新推荐文章于 2024-11-02 09:31:36 发布

原创最新推荐文章于 2024-11-02 09:31:36 发布 · 355 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#vue.js #前端 #javascript

收录于

文章讲述了在Vue2项目中遇到关于dataListNew的TypeError，发现虽然数据是数组但.at()方法在某些浏览器不被支持。作者介绍了问题原因并给出了使用索引访问的替代方案，同时推荐查看MDN文档确认浏览器兼容性。

vue2的报错

[Vue warn]: Error in v-on handler: “TypeError: this.dataListNew.at is not a function”
乍眼一看，以为是 this.dataListNew不是一个数组呢，我赶紧加上了

// An highlighted block
console.log(Array.isArray(this.dataListNew));
 打印结果竟然是true，这说明是一个数组，可以使用at方法。

这就让人很疑惑，后来发现.at()是一个很心动方法，我的谷歌浏览器竟然不支持。

解决办法

使用 this.dataListNew[0] 这种方式替代

附上MDN 大家可以看一下自己的浏览器

链接: MDN

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

我就是避雷针小鬼啊

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

41 arr.at is not a function

970655147的专栏

03-25

847

然后这里面最终出现问题的地方是 Array.at 的使用, 我这边 js引擎版本过低不支持 Array.at 的使用, 然后报错了。业务这边调用该函数时, vue 这边上下文收到异常信息如下, 可以看到是一个 Array.at is not a function。Google V8 这边对于 Array.at 的支持是从 V8 9.2 以后, 发布于 2021年07月。一个简单的 case, 是基于 Array.at 的使用。可以执行 Array.at 的高版本 V8 信息如下。

1 条评论您还未登录，请先登录后发表或查看评论

报错:“[Vue warn]: Error in v-on handler: “TypeError“和“TypeError: _api_core_borrow_info__WEBPACK......“

m0_47943986的博客

08-25

2410

问题处理

vue 项目在浏览器控制端报错：Error in v-on handler: “TypeError: xxx is not a function“ 问题分析及解决方式

YHLSunshine的博客

06-05

1万+

vue 项目在浏览器控制端报错：Error in v-on handler: “TypeError: xxx is not a function“ 问题分析及解决方式

关于Vuetypescript 项目数组 Array.at 方法报错解决方案

young_sam的博客

03-09

690

【代码】关于Vuetypescript 项目数组 Array.at 方法报错解决方案。

关于Jquery中的()[0].atrr() is is not a function及解决办法

qq_40610760的博客

08-26

2397

需求：获取到<img>标签中的data-index属性的值. html JQ 可以看到如果直接[0]的方法，得到的是一个dom数组,用eq()方法遍历这个jq对象，才能够匹配jq的attr方法。

获取数组元素新方法：array.at()

那一日面朝大海的博客

06-09

1223

JavaScript 数组的索引是从0开始的，第一个元素的索引为0，最后一个元素的索引等于该数组的长度减1。在之前，我们一般使用方括号通过索引访问数组元素：array[index]，如果指定的索引是一个无效值，JavaScript 数组并不会报错，而是会返回 undefined。在大多数情况下，方括号语法是通过正索引访问数组元素的好方法。但有时我们希望从末尾而不是从头开始访问元素。例如，访问数组的最后一个元素：现在，数组提供了一个新的方法来访问数组元素：Array.prototype.at()。

解决[Vue warn]: Error in v-on handler: “TypeError: Cannot read property ‘validate‘ of undefined“

热门推荐

那杯热咖啡

10-11

13万+

在做前后端登录时出现下列错误，解决如下： this.$refs.loginForm.validate()中的与ref="loginForm"名字要相同，或者要定义这个ref 。没有定义或者名称不一致都会出现上述错误。 ...

[VUE]报错:Error in v-on handler: “TypeError: handler.apply is not a function“

Loery1314的博客

04-04

6433

以下为代码出错的地方： <input name="m1" type="checkbox" v-model="agree" @change="agree"/> data() { return { // 是否同意 agree:true } }, 原因就是处理事件的函数名和data中的数据名“重名”！解决方法：给change事件加一个布尔值即可！ <input name="m1" type="checkbox" v-model="a...

vue报错：TypeError: Object(...) is not a function

ToString的博客

07-19

4635

vue报错：TypeError: Object(...) is not a function

Vue报错[Vue warn]: Error in v-on handler: “TypeError: cannot use ‘in‘ operator to search for “validate

凌霰的博客

05-31

1万+

报错信息： [Vue warn]: Error in v-on handler: "TypeError: cannot use 'in' operator to search for "validateStatus" in "idAndUsernameObj..."" 解决方法： cancel(id, username){ if(confirm("是否注销"+id+"号教师？") == false){ return false } var idAndUsername

vue报错：Error in v-on handler: “TypeError: handler.apply is not a function“

just a moment

07-04

1万+

报错截图：问题所在：处理事件的函数名和data中定义的数据名相同。当给事件添加处理函数时，先找到了data中定义的变量名而不是函数名，所以会出现TypeError错误。百度很久都说是因为重名，可是我函数方法都还没开始写，后来在按钮的点击事件里找到了，真的是“重名”了，晕死。给点击事件加一个布尔值就解决了。 @click="addRoleVisible = true" 以下是供参考的源代码： <el-button type="primary" @click="addRoleVisible"

vue.js:634 [Vue warn]: Error in v-on handler: “TypeError: XXXX is not a func

陈熙之的博客

09-29

3336

有两种情况： 1.的确没有这个方法。 2.data里面有参数跟方法名重复了。

[Vue warn]: Error in v-on handler: “TypeError: this.$bus.emit is not a function“

weixin_60664694的博客

09-20

550

报错：this.$bus.emit is not a function。使用vue2，使用全局事件总线来实现任意两个组件之间通信时，$emit 写成了 emit。

【Vue】[Vue warn]: Error in v-on handler: “TypeError: Cannot read properties of undefined (reading ‘fi

d347091231的博客

11-17

3192

浏览器报错：翻译：TypeError:无法读取未定义的属性（读取“筛选器”）这时候我们应该检查是否有数组之类的拼写错误检查发现todos被拼写成了todo: 修改后删除功能能够正常执行。

[Vue warn]: Error in v-on handler: “TypeError: Object(...) is not a function“

小废物

10-06

1万+

记录在Vue中出现 [Vue warn]: Error in v-on handler: "TypeError: Object(...) is not a function" 引用外部文件时候，只是部分引用，所以原本是解构方式引用的，我忘记加 { } 了 // 错误写法 import loginAPI from '@/api' // 正确写法 import { loginAPI } from '@/api' ...

Vue报错：[Vue warn]: Error in v-on handler: "TypeError: Cannot read property 'cat_pid' of undefined"

超逸の学习技术博客

01-20

5万+

文章目录1、背景2、解决办法3、结束语点击进入Vue❤学习专栏~ 1、背景 WTF??? 今天写Vue项目的时候，直接gg，按了F12看下控制台一直报错，上帝的心态都开始发生了变化，搞了一下午硬是没看出啥毛病，后来吃完饭后耍了一把王者，用李白秀了一把【手动滑稽】，突然灵感来了，问题解决了… 2、解决办法首先，我在data中定义了一个表单数据如下，它说我没定义 cat_pid? 这不明摆着有吗...

arr.at is not a function报错的解决办法

小哈力----一个小前端工程师

04-13

2184

终端内运行下面的代码，清理缓冲。

Why am I getting “.at“ is not a function?