43 lines
980 B
Markdown
43 lines
980 B
Markdown
<cn>
|
||
#### 可点击
|
||
设置 `@change` 后，Steps 变为可点击状态。
|
||
</cn>
|
||
|
||
<us>
|
||
#### Clickable
|
||
Setting `@change` makes Steps clickable.
|
||
</us>
|
||
|
||
```vue
|
||
<template>
|
||
<div>
|
||
<a-steps :current="current" @change="onChange">
|
||
<a-step title="Step 1" description="This is a description." />
|
||
<a-step title="Step 2" description="This is a description." />
|
||
<a-step title="Step 3" description="This is a description." />
|
||
</a-steps>
|
||
<a-divider />
|
||
<a-steps v-model="current" direction="vertical">
|
||
<a-step title="Step 1" description="This is a description." />
|
||
<a-step title="Step 2" description="This is a description." />
|
||
<a-step title="Step 3" description="This is a description." />
|
||
</a-steps>
|
||
</div>
|
||
</template>
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
current: 0,
|
||
};
|
||
},
|
||
methods: {
|
||
onChange(current) {
|
||
console.log('onChange:', current);
|
||
this.current = current;
|
||
},
|
||
},
|
||
};
|
||
</script>
|
||
```
|