[Vue warn]: Error in render: “TypeError: i.reduce is not a function“

最新推荐文章于 2024-04-23 13:01:43 发布
最新推荐文章于 2024-04-23 13:01:43 发布
阅读量4.9k 收藏 3
点赞数 2
文章标签： java elementui vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/GuiBing_haonan/article/details/115896183
版权

框架说明 Element UI 和 vue

情况说明：
类型错误：[Vue warn]: Error in render: “TypeError: i.reduce is not a function”
报错截图
这种情况一般来说，是赋值错误，类型不匹配。
我这里用的是ElementUI中的table模块
于是去官方文档看了一下参数类型
在这里插入图片描述
发现我传过来的不是集合类型的，而他需要的是集合类型。所以出现了上面的报错。

解决方法：

将后台传来的数据改为集合 即可。
ElementUI官网

小周学代码
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
主要介绍了Vue 报错TypeError: this.$set is not a function 的解决方法，分享给大家，需要的朋友们下面随着小编来一起学习学习吧
TypeError: instance.render is not a function
游海东的技术专栏
05-24 4702
1、错误描述 2、错误原因 import React, {Component} from 'react'; import {render} from 'react-dom'; import Button from 'react-bootstrap/Button' class InputRead extends Component { constructor() { return ...
self.attachevent is not a function的解决方法
11-28
注意原因： window对象的attachEvent方法只在IE浏览器中有效，其它浏览器不支持这个方法，所以报错。 self.attachevent is not a function其实就是以前的代码， 没有做chrome、firefox浏览器兼容导致。 self.attachEvent("onblur",function(){dd.style.display="none"}) 上面的代码在chrome浏览器肯定会报错的。 因为chrome浏览器绑定事件不支持attachevent而支持addEventListener。 下面是临时解决方法： if(!self.addEventListe
[Vue warn]: Error in render: "TypeError: data.reduce is not a function"报错详解
热门推荐
咕咕鸡的执着
03-29 4万+
报错：[Vue warn]: Error in render: "TypeError: data.reduce is not a function"详解 查看报错信息：[ Vue warn]: Error in render: "TypeError: data.reduce is not a function 问题分析：本文用的是elementUI框架的el-table组件来开发的。于是...
vue.js:3732 TypeError: this.list.reduce is not a function
weixin_45895061的博客
07-29 484
Vue.js报错处理
报错：Error in render: “TypeError: data.reduce is not a function“
CathyleeQ的博客
03-22 1万+
在使用vue和element-ui构建项目时，出现如下报错： 查了资料发现错误原因可能有两种： 1 ）某个标签里的data应该是数组类型，但却写成了别的类型 :data ="getData" getData='' // 错误 getData=[] // 正确 2 ）通过axios请求数据时，data请求的代码书写有误，或者是data不能获取正确的数据。 (比如到data里找data) result.data.data 如果数组没有写错，请仔细查看自己的代码，可能是函数名、变量名错了 ...
TypeError: data.reduce is not a function：数据类型不匹配
qq_39921135的博客
10-25 1133
首先来看看前端代码：我表格绑定的数据模型是tableData，而我tableData定义的是一个数组 其次看看后端给的数据：传递的是一个对象，而不是一个数组！这样原因就找出了：这是由于前后端数据类型不匹配造成的！修改后端数据类型为数组：此时再次刷新前端页面： 数据成功导入且没有报错！
TypeError: data.reduce is not a function
cqy657675321的博客
12-27 1894
TypeError: data.reduce is not a function
[Vue warn]: Error in render: “TypeError: data.reduce is not a function“报错详解
weixin_44370837的博客
10-29 4916
大家好，我是小梅，公众号：「小梅的前端之路」 原创作者。 作为在前端领域不断探索的一员，在此记录开发中遇到的问题，如果你也遇到了相同的问题，希望本文对你有帮助。 一、问题定位： 打开开发者工具，点开错误的那个小三角，便能看到详细信息，定位到错误发生在哪个文件的哪一行。 我的项目使用Element-UI组件进行开发，clDetailList是用于给el-table的data属性赋值的。clDetailList按照预期得是Array类型的，问题就出在push函数执行完之后返回的是数组的长度.
vue报错this.**** is not a function的解决方法
Quet12的博客
03-24 3万+
vue报错this.**** is not a function的解决方法 前言 本文记录了vue中javascript部分数组使用this.****.forEach((re) => {}, 出现报错“this.**** is not a function“，本文提供一种自己使用并有效的解决方法 一.产生原因 代码如下 if (!this.getIsNull(this.transferValue)) { //let newtransferValue = Object.assig
详解Vue.js搭建路由报错 router.map is not a function
10-19
主要介绍了详解Vue.js搭建路由报错 router.map is not a function，非常具有实用价值，需要的朋友可以参考下
JavaScript中的函数式编程
weixin_26641529的博客
09-11 79
What is Functional Programming? What is it that it offers? 什么是函数式编程？ 它提供了什么？ Let’s talk about the raw way of writing functions. Functions perform certain set of actions according to our requirements ...
2021年前端面试题及答案（更新中）
xiaosi1413的博客
04-02 2001
http和https http和https的基本概念 http: 超文本传输协议，是互联网上应用最为广泛的一种网络协议，是- 一个客户端和服务器端请求和应答的标准(TCP)，用于从www服务器传输文本到本地浏览器的传输协议,它可以使浏览器更加高效，使网络传输减少. https: 是以安全为目标的HTP通道，简单讲是HTTP的安全版，即HTTP 下加入SSL层，HTTPS的安全基础是SSL,因此加密的详细内容就需要SSL. htps协议的主要作用是: 建立一个信息安全通道，来确保数组的传输，确保网站.
redux报错：Error: Expected the reducer to be a function.
zhangzhuo1130的博客
01-08 2828
加上括号内的reducers就好了
javascript面试_50个困难JavaScript面试问题
weixin_26750481的博客
09-15 1100
javascript面试 1.以下代码将输出到控制台，为什么？ (1. What will the code below output to the console and why?) const person = { age: 20, name: 'Ben' };const peopleArray = [person, person, person];peopleArray[1].name = ...
[Vue warn]: Error in render: “TypeError: predicate is not a function“
superYe7的博客
04-14 979
进行webpack打包优化时，为了缩小lodash的打包体积使用了lodash-webpack-plugin插件，但是运行项目后页面报错[Vue warn]: Error in render: "TypeError: predicate is not a function" 解决方法：使用插件时加入shorthands配置 newLodashModuleReplacementPlugin({'shorthands':true}) 记录一下缩小lodash打包体积的方法 1. 安装...
[Vue warn]: Error in render: “TypeError: data.reduce is not a function“found in报错详解
qq_920189602的博客
10-21 4261
报这个错是因为赋值类型问题，我使用的是elementUI框架的el-table组件来开发的。<el-table :data="tableData">里面中的tableData接收的是一个数组，你不能给它一个对象或者其它类型的，不然就会报这个错误，这种报错在使用elementUI框架的表单<el-form :model="form">时也会常出现这种报错问题 问题总结： 出现这种错误很可能是在使用elementUI框架的el-table组件时，里面的:data="ta...
string模拟实现
最新发布
m0_73969414的博客
04-23 1404
c++中string的模拟实现，面试必会知识点
[Vue warn]: Error in render: "TypeError: Object(...) is not a function"
09-16
此错误信息是由于在Vue渲染过程中发生了一个类型错误，具体是"TypeError: Object(...) is not a function"。根据提供的引用，我暂时无法确定导致此错误的确切原因。然而，通常这种错误可能是由于使用了一个非函数的对象或模块，或者是由于导入或引用的模块存在问题导致的。为了解决这个错误，您可以尝试以下几个步骤： 1. 确保您正确引入和使用了相关模块或插件。请检查您的代码，特别是涉及到使用插件或模块的部分，确保正确地导入和使用了它们。 2. 检查相关对象或变量是否被正确定义和初始化。请确保对象或变量被正确实例化或初始化，并且其属性和方法被正确调用。 3. 查看相关文档或社区资源，寻找关于该错误的更多信息和解决方案。在Vue的官方文档、相关插件的文档或开发者社区中，您可能会找到其他开发者遇到类似问题的解决方案。 4. 使用调试工具进行排查。您可以使用Vue Devtools等调试工具，来检查在渲染过程中是否存在其他潜在问题，并尝试定位到具体的错误位置。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值