#vue.js #navigation #antd
Вопрос:
Я использую шаги Vue2 (v. 2.6.10), Ant Design (v. 1.4.4). Когда я пытаюсь добавить v-on:click=»locationBackClick» на шаге, я получил
[Vue warn]: Error in v-on handler: "InternalError: too much recursion".
Любые предложения будут высоко оценены. Я даже пока ничего не добавляю в поле «Местоположение события».
<div id="training-registration-steps" >
<a-steps v-model="current" type="navigation" size="small" :style="stepStyle">
<a-step :status="step.product.status" :title="step.product.title" v-on:click="locationBackClick" :disabled="current == 0">
<a-icon slot="icon" type="check-circle" v-if="step.product.status == 'finish'"/>
<a-icon slot="icon" type="laptop" v-else/>
</a-step>
<a-step :status="step.location.status" :title="step.location.title" :disabled="current < 1">
<a-icon slot="icon" type="check-circle" v-if="step.location.status == 'finish'"/>
<a-icon slot="icon" type="environment" v-else/>
</a-step>
<a-step :status="step.course.status" :title="step.course.title" :disabled="current < 2">
<a-icon slot="icon" type="check-circle" v-if="step.course.status == 'finish'"/>
<a-icon slot="icon" type="read" v-else/>
</a-step>
<a-step :status="step.attendee.status" :title="step.attendee.title" :disabled="current < 3">
<a-icon slot="icon" type="check-circle" v-if="step.attendee.status == 'finish'"/>
<a-icon slot="icon" type="solution" v-else/>
</a-step>
<a-step :status="step.confirmation.status" :title="step.confirmation.title" :disabled="true">
<a-icon slot="icon" type="check-circle" v-if="step.confirmation.status == 'finish'"/>
<a-icon slot="icon" type="carry-out" v-else/>
</a-step>
<a-step :status="step.payment.status" :title="step.payment.title" :disabled="true">
<a-icon slot="icon" type="check-circle" v-if="step.payment.status == 'finish'" />
<a-icon slot="icon" type="dollar" v-else/>
</a-step>
</a-steps>
</div>