elementuitable表格中把后端传过来的数据加了逗号不显示怎么回事

Posted 2023-03-15

使用命令：cnpm i element-ui -S 进行安装Element-ui，安装好了之后，进行如下配置：
在这里插入图片描述
这样操作之后，就可以使用Element-ui插件了。

2、引用Element-ui官方文档中的Table表格代码
在这里插入图片描述

3、启动端口，并在浏览器访问
问题就出现在此步骤：在浏览器输入url，回车后，浏览器空白，什么都不显示。但是写一个插值表达式(如下图所示)，可以正常显示，就是表格不能显示。
在这里插入图片描述

最终找到问题的根源是element-ui依赖版本太高，换一个低版本的依赖即可。
解决方法：核心思想是把高本版依赖换成低版本依赖，具体操作步骤如下：
(1)在package.json文件中手动把element-ui版本改为一个较低版本，如2.9.2。
在这里插入图片描述
(2)把原来创建的Vue项目中的node_modules文件夹删掉，重新执行cnpm install，重新安装。
(3)重新安装好了执行，再次从浏览器访问，即可正常显示。 参考技术A elementuitable表格中把后端传过来的数据加了逗号不显示怎么回事？
答案如下：是因为输入代码有误，首先第一步操作首先打开设置按钮，然后操作账号管理，在主页面点击账号安全中心进入。多实践操作！ 参考技术B elementuitable表格中把后端传过来的数据加了逗号不显示怎么回事？
答案如下：操作方法是这样，首先第一步打开设置按钮，接着操作账号管理在页面点击账号安全中心进入。最后获取指示即可！ 参考技术C elementuitable表格中把后端传过来的数据加了逗号不显示怎么回事，11月27日换了带边框的表格之后发现有边框,但是表格中数据不显示,tableData中存数据时表格空白,将数据注释之后表格显示暂无数据。 参考技术D 使用el-table时最初以为表格不显示，换了带边框的表格之后发现有边框，但是表格中数据不显示，tableData中存数据时表格空白，将数据注释之后表格显示暂无数据。

查阅了许多博客之后也是无法解决问题，在删除依赖重新安装之后发现控制台显示一句话，意思大概就是“core-js”不建议使用小于3.23.3的版本，于是我换成了3.23.4表格数据就可以正常显示了。

"dependencies":
"core-js": "3.23.4",
"vue": "^2.6.11",
"element-ui": "^2.9.1",
"vue-router": "^3.2.0"
,
 依赖在package.json中配置
使用命令：cnpm i element-ui -S 进行安装Element-ui，安装好了之后，进行如下配置：
在这里插入图片描述
这样操作之后，就可以使用Element-ui插件了。
2、引用Element-ui官方文档中的Table表格代码
在这里插入图片描述
3、启动端口，并在浏览器访问
问题就出现在此步骤：在浏览器输入url，回车后，浏览器空白，什么都不显示。但是写一个插值表达式(如下图所示)，可以正常显示，就是表格不能显示。
在这里插入图片描述
最终找到问题的根源是element-ui依赖版本太高，换一个低版本的依赖即可。
解决方法：核心思想是把高本版依赖换成低版本依赖，具体操作步骤如下：
(1)在package.json文件中手动把element-ui版本改为一个较低版本，如2.9.2。
在这里插入图片描述
(2)把原来创建的Vue项目中的node_modules文件夹删掉，重新执行cnpm install，重新安装。
(3)重新安装好了执行，再次从浏览器访问，即可正常显示。