Vuetify 单页部署多个垂直Stepper组件出现内容重复问题

结合你提到的从数据源批量返回Stepper对应内容的场景，出现所有组件同步显示相同step的问题，本质不是Vuetify Stepper本身的固有bug，而是多组件间没有做状态隔离：给每个<v-stepper>绑定v-model时复用了同一个响应式数据源，导致任意一个Stepper的step值变动都会同步修改共享变量，最终所有Stepper的显示状态完全一致。

• 固定数量Stepper场景：为每个组件分配独立的状态变量
  不要共用同一个currentStep通用变量，单独定义对应每个Stepper的专属状态，比如第一个Stepper绑定stepperStep1、第二个绑定stepperStep2，每个状态的初始值设置为1（匹配Vuetify Stepper的默认初始step序号），step切换逻辑仅修改当前组件绑定的变量，完全切断组件间的状态引用链。
• 动态生成批量Stepper场景：做条目级的状态映射
  拿到后端返回的多组Stepper数据后，不要把接口返回的同一字段直接绑定到所有Stepper的v-model上。可以在数据渲染前，给每个数据条目追加独立的activeStep属性，循环渲染时每个<v-stepper>的v-model绑定当前条目的item.activeStep，切换step时仅更新当前条目下的对应属性，不会干扰其他Stepper的状态。
• 复用Stepper模板场景：做组件作用域隔离
  如果是抽离了公共的Stepper模板组件，不要在组件内部引用外部的全局step状态，把step的状态定义在Stepper组件自身的data或setup作用域内，仅通过props接收初始step值，让每个组件实例独立维护自身的step状态，避免多实例共享同一外部状态。

• 逐个检查页面上所有<v-stepper>标签的v-model绑定值，确认不存在多个组件绑定同一变量的情况
• 如果给Stepper开启了eager属性提前渲染所有step内容，检查step插槽内的渲染逻辑，确认没有把同一份数据传给所有step插槽
• 版本兼容排查：Vuetify 2.x版本的垂直Stepper默认无跨组件状态共享逻辑，如果出现串扰，检查是否全局混入了Stepper相关逻辑，把同一状态注入到了所有组件实例中。

内容的提问来源于stack exchange，提问作者J1125D