el-table 中子组件按钮渲染报错--You may have an infinite update loop in a component render function

最新推荐文章于 2024-11-27 23:35:57 发布

ss_Tina

最新推荐文章于 2024-11-27 23:35:57 发布

阅读量543

点赞数

分类专栏： bug及修复 vue 前端文章标签： elementui vue.js 前端

本文链接：https://blog.youkuaiyun.com/ss_Tina/article/details/131322437

版权

文章描述了在使用el-table组件时遇到的问题，当表格数据多于一条时出现无限更新循环的错误。问题出在getParam方法中对this.wordData的处理。解决方案包括：1)不使用this，而是新建一个对象进行赋值；2)去掉打印this.wordData的语句，避免触发不必要的数据更新。这两种方式都可避免错误发生。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

报错：

使用场景：

在el-table中有个按钮子组件，当el-table中只有一条数据的时候不会有错，但是当数据大于1条时页面就报错了。调试过程中，是因为加了这个按钮后发现页面报错：

You may have an infinite update loop in a component render function

所以后面找原因就在 getParam这个方法里面找

<el-table :data="data.list1">

    <!-- 省略字段 -->
     <el-table-column fixed="right" header-align="center" align="left" width="100" label="操作">
              <template slot-scope="scope">
                 <!-- 这里面包了个子组件进入按钮 -->
                 <export-word :fileName="fileName" :btnName="btnName" :e