<template>
<u-steps v-model="stepValue">
<u-step title="步骤1">
<u-button @click="next">下一步</u-button>
</u-step>
<u-step title="步骤2">
<u-button @click="next">下一步</u-button>
</u-step>
<u-step title="步骤3">
<u-button @click="next">完成</u-button>
</u-step>
</u-steps>
</template>
<script>
export default {
data() {
return { stepValue: 0 }
},
methods: {
next() {
if(++this.stepValue > 2) {
this.stepValue = 0
}
}
}
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28