首页 > 文章列表 > Element UI 表格列标签未闭合导致列全部变成一行,怎么办?

Element UI 表格列标签未闭合导致列全部变成一行,怎么办?

340 2024-12-26

Element UI 表格列标签未闭合导致列全部变成一行,怎么办?

html引入element ui 失败

在使用HTML引入element UI时,出现了列变成一行一个的问题。这通常是由一个常见的错误引起的:未正确关闭表格列标签。

element UI中的表格列标签需要以</el-table-column>结尾,而不仅仅是/。正确的写法是:

<el-table-column prop="name" label="Name">
  <!-- 内容 -->
</el-table-column>

在这种情况下,问题代码如下:

<el-table-column prop="name" label="Name" />

改为:

<el-table-column prop="name" label="Name">
  <!-- 内容 -->
</el-table-column>

这样就可以正确渲染表格了。

来源:1729914135