如何为ant-design-vue步骤设置模板

Question

我打算通过使用ant-design-vue步骤来创建带有步骤的表单。 但是我无法为内容创建模板。

这是我要更改的模板：

<div class="steps-content">{{steps[current].content}}</div>

每个步骤都有不同的内容。

这是脚本：

data() {
return {
  current: 0,
  steps: [
    {
      title: 'First',
      content: 'first-content',
    },
    {
      title: 'Second',
      content: 'second-content',
    },
    {
      title: 'Last',
      content: 'last-content',
    },
  ],
};

}，

我尝试使用

:id="steps[current].content"

使用CSS和javascript setinnerHTML设置内容，但仍然无法正常工作。有什么办法，我可以为内容或我可以参考的任何参考设置模板。

或者在任何地方我可以更改<div class="steps-content">{{steps[current].content}}</div>来将当前步骤设置为此，当在当前步骤上移动时它将被隐藏。