vue打包上线报错“Error: if there’s nested data, rowKey is required.”
使用Element-UI组件库el_table的扩展列时,开发阶段没有任何问题,项目打包运行后console报错:
意思是如果存在嵌套数据,则需要rowKey。Element-UI 2.7.0需要在el-table标签中新增row-key字段,使用树结构时,数据里面需要有id,属性row-key是必填的。
方法一
根据文档进行修改,在<el-table>
中加入属性row-key="id"
。修改之后项目确实不报错,但是页面发生改变,出现多余的扩展列:
出现这种错误是Element-UI的版本问题,把文件package.js
中element-ui
的^
删除,^
的意思是默认安装最新版,仍然没有解决bug
方法二
从版本出发,在index.html中CDN优化打包项目的时候导入的element-ui的版本号进行修改,问题终于得到解决: