element plus使用cdn方式引入容易出现的问题

用cdn方式引入vue3+element plus，导致的table组件表头独自成列的渲染问题

html标签不能使用斜杠自结束，必须有成对的结束标签，否则table组件的这个表头会独自成列，不清楚其他组件是否也有这个问题。

一开始以为是引入文件的问题，后面以为是自己通过file访问而不是localhost访问的问题，浪费了大半小时，结果是自结束的问题，记录一下

 

会导致渲染异常的代码

<el-table :data="tableData" border style="width: 100%">
      <el-table-column prop="date" label="Date" width="180" />
      <el-table-column prop="name" label="Name" width="180" />
      <el-table-column prop="address" label="Address" />
</el-table>

 

正常的代码

<el-table :data="tableData" border style="width: 100%">
      <el-table-column prop="date" label="Date" width="180" ></el-table-column>
      <el-table-column prop="name" label="Name" width="180" ></el-table-column>
      <el-table-column prop="address" label="Address" ></el-table-column>
</el-table>