el-descriptions-item使用span占行不见效

需要实现的结果是客户状态单独占满一行

错误代码：

1. <el-descriptions title="基本信息" :column="3">
2. <el-descriptions-item label="公司电话:">Suzhou</el-descriptions-item>
3.     <el-descriptions-item label="批次号:">Suzhou</el-descriptions-item>
4.     <el-descriptions-item label="借款笔数:">Suzhou</el-descriptions-item>
5.     <el-descriptions-item label="放款时间:">Suzhou</el-descriptions-item>
6.     <el-descriptions-item label="放款金额:">Suzhou</el-descriptions-item>
7.     <el-descriptions-item :span="3" label="客户状态:">
8.       <el-tag size="small">School</el-tag>
9.     </el-descriptions-item>
10. </el-descriptions>

复制代码

使用span是没有错的，但是用错了位置，出来的结果就是这样

如图可见客户状态已经是在当前行最后一个的位置，那么直接给他设置span是不会见效的，以是要从前面一个元素动手，让放款金额这个元素提前占满2个位置，才可以让客户状态向下排
正确代码：

1. <el-descriptions title="基本信息" :column="3">
2. <el-descriptions-item label="公司电话:">Suzhou</el-descriptions-item>
3.     <el-descriptions-item label="批次号:">Suzhou</el-descriptions-item>
4.     <el-descriptions-item label="借款笔数:">Suzhou</el-descriptions-item>
5.     <el-descriptions-item label="放款时间:">Suzhou</el-descriptions-item>
6.     <el-descriptions-item :span="2" label="放款金额:">Suzhou</el-descriptions-item>
7.     <el-descriptions-item :span="3" label="客户状态:">
8.       <el-tag size="small">School</el-tag>
9.     </el-descriptions-item>
10. </el-descriptions>

复制代码

只需要在上一个元素上面加上:span="2"就可以了

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。