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

最新推荐文章于 2024-03-25 10:24:38 发布

我就是避雷针小鬼啊

最新推荐文章于 2024-03-25 10:24:38 发布

阅读量242

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/hsdsnd/article/details/132324572

版权

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

摘要由CSDN通过智能技术生成

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

分享到新浪微博

扫一扫

Vue父组件调用子组件方法，报错[Vue warn]: Error in v-on handler: “TypeError: _this.$emit is not a function“

星云

09-30

9184

症状一开始浏览器控制台报这个错[Vue warn]: Error in v-on handler: "TypeError: _this.$emit is not a function"，明显就是this指向问题，名为ajax的方法在父组件中，而this是子组件。  <template> … <el-pagination layout="prev, pager, next" :page-count=

发送网络请求出错vue.runtime.esm.js?6e6d:619 [Vue warn]: Error in v-on handler (Promise/async)

zhouyuzhu666的博客

10-24

7616

错误代码如下 async categoryDelete(id){ const res = await get('/productCategory/deleteById',id) console.log(res); } 正确代码如下 async categoryDelete(id){ let data = { id:id } const res = await get('/productCategory/d.

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

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

qq_40610760的博客

08-26

2254

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

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

Loery1314的博客

04-04

5973

以下为代码出错的地方： <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报错：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

3269

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

[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 warn] Error in v-on handler “TypeError Cannot read properties of undefined (reading ‘value‘)

web13618542420的博客

03-09

1004

1、问题描述：antd 下拉框选择的时候报了这个错误 <a-select :defaultValue="0" v-model="executeCycleUnit" @change="handleExecuteNum" > <a-select-option :value="0"> 分钟 </a-select-option> <a-select-option :value="1"> 小时 </a-select-option> &lt

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

07-28

对于你提到的`\[Vue warn\]: Error in v-on handler: "TypeError: Object(...) is not a function"`错误，根据提供的引用内容，我没有找到相关的解决方法。可能需要更多的上下文信息来确定问题的根本原因和解决方法...

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

m0_47943986的博客

08-25

2234

问题处理

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

YHLSunshine的博客

06-05

9449

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

41 arr.at is not a function

最新发布

970655147的专栏

03-25

490

然后这里面最终出现问题的地方是 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 信息如下。

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

young_sam的博客

03-09

575

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

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

那一日面朝大海的博客

06-09

1045

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

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

weixin_60664694的博客

09-20

375

报错：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

3118

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

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

ToString的博客

07-19

3666

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

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