我目前有以下过渡块组件:
<div
v-if="!surveyResultIsReady"
class="vh-md-40 position-relative"
>
<transition
name="custom-classes-transition"
enter-active-class="animated slideInRight"
leave-active-class="animated slideOutLeft"
>
<div
v-bind:key="step"
class="w-100 position-absolute mx-auto"
>
<SurveyActiveQuestion
v-if="!surveyResultIsReady"
v-bind:question="activeQuestion()"
v-bind:totalQuestions="totalQuestions"
v-on:activeQuestionAnswered="activeQuestionAnswered()"
/>
</div>
</transition>
</div>
转换由this.step
值 ( v-bind:key="step"
) 控制。
过渡看起来很棒this.step++
,过渡向“正确”方向滑动:从左向右滑动。但是,this.step--
过渡的时候是一样的。
我想知道,我将如何纠正此问题以从右向左滑动以获取this.step--
方向?