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>
|
|||
|
|
```
|