如何从 VuetifyJS Vertical Stepper 中删除过渡效果?

2024-05-19

是否可以在点击继续后直接显示下一步Vuetify 步进器 https://vuetifyjs.com/en/components/steppers#example-vertical? (或者换句话说:如何去除过渡滑出效果)


看起来没有提供任何选项来更改过渡效果Vue 组件本身 https://vuetifyjs.com/en/components/steppers.

但是,您可以通过设置来禁用它transitionCSS 属性为none为了.stepper-content元素。

例如,您可以创建一个no-transition class:

.no-transition .stepper__content { transition: none; }

然后将其添加到<v-stepper>组件标签:

<v-stepper v-model="e1" class="no-transition">
  ...
</v-stepper>

这是一个带有工作示例的代码笔。 https://codepen.io/anon/pen/VxRwoW

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何从 VuetifyJS Vertical Stepper 中删除过渡效果? 的相关文章

随机推荐