el-steps插入html

el-steps是一个Element UI组件，用于创建步骤条。你可以使用el-steps组件来插入HTML内容，包括自定义描述。下面是一个示例代码，演示了如何在el-steps中插入HTML内容：

<el-steps :active="6" finish-status="success" align-center>
  <el-step v-for="(item,index) in paymentRecord" :key="index" title="缴费记录">
    <template slot="description">
      <p>缴费时间:{{item.payTime}}</p>
      <p>缴费方式：{{item.paymentMethod}}</p>
      <p>缴费金额：{{item.payMoney}}</p>
      <p>交易码：{{item.qrCode}}</p>
      <p>收款编号：{{item.paymentNumber}}</p>
    </template>
  </el-step>
</el-steps>

在上面的代码中，我们使用了el-step组件的description插槽来插入自定义描述。在description插槽中，我们可以使用HTML标签来格式化描述内容。在这个例子中，我们使用了`<p>`标签来创建段落。

请注意，上述代码中的paymentRecord是一个后台获取的数组，用于渲染el-step组件。你可以根据自己的需求修改和调整代码。

相关问题

el-steps 插槽

您好！关于 "el-steps" 插槽，我了解到 "el-steps" 是一个基于 Element UI 的步骤条组件，它可以帮助您在页面中展示多个步骤，并提供相应的导航和状态展示功能。

在 "el-steps" 中，插槽是用于自定义步骤条中每个步骤的内容的一种方式。通过插槽，您可以在每个步骤中插入自定义的 HTML 内容，以满足不同的需求。

下面是一个示例代码，展示了如何使用 "el-steps" 的插槽：

<el-steps :active="activeStep">
  <template v-for="(item, index) in steps">
    <el-step :title="item.title">
      <template #description>
        <!-- 自定义内容插槽 -->
        <p>步骤 {{ index + 1 }} 的描述信息</p>
      </template>
    </el-step>
  </template>
</el-steps>

在上述示例中，我们通过 `<template #description>` 创建了一个插槽，用于自定义每个步骤的描述信息。您可以在插槽中添加任意的 HTML 内容，以展