需要一个竖着的步骤条,每个步骤条后面跟着描述的内容,需要加个插槽,具体代码如下:
<div style="height: 500px;">
<el-steps direction="vertical" :active="1">
<el-step title="步骤 1">
<template slot="description">
<el-descriptions title="" column="1" style="width:500px;">
<el-descriptions-item label="用户名">kooriookami</el-descriptions-item>
<el-descriptions-item label="手机号">18100000000</el-descriptions-item>
<el-descriptions-item label="居住地">苏州市</el-descriptions-item>
<el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
</el-descriptions>
</template>
</el-step>
<el-step title="步骤 2"></el-step>
<el-step title="步骤 3" description="这是一段很长很长很长的描述性文字"></el-step>
</el-steps>
</div>