finish不管用
时间: 2024-02-11 09:07:11 浏览: 96
如果 `finish` 属性不起作用,可能是因为 `finish` 属性是 Element UI 版本 2.x 中的属性,在 Element UI 1.x 版本中并不存在该属性。
如果您使用的是 Element UI 1.x 版本,可以考虑使用 `status` 属性来设置 el-step 的状态。例如,要将某个步骤设置为已完成状态,可以设置 `status` 为 `"finish"`,如下所示:
```html
<el-steps :active="activeIndex">
<el-step title="Step 1" description="This is description 1" status="finish"></el-step>
<el-step title="Step 2" description="This is description 2" status="finish"></el-step>
<el-step title="Step 3" description="This is description 3"></el-step>
</el-steps>
```
如果您使用的是 Element UI 2.x 版本,那么您可以使用 `finish` 属性来设置步骤完成状态,代码如下:
```html
<el-steps :active="activeIndex">
<el-step title="Step 1" description="This is description 1" :finish="true"></el-step>
<el-step title="Step 2" description="This is description 2" :finish="true"></el-step>
<el-step title="Step 3" description="This is description 3"></el-step>
</el-steps>
```
注意,在使用 `finish` 属性时,您需要将其绑定到一个变量或表达式上,例如 `:finish="true"` 或 `:finish="step1Finished"`。同时,您还需要设置 `finish-status` 属性来指定已完成步骤的状态,默认为 `"success"`。
阅读全文