解決mint-ui的swipe元件在使用中遇到的一個問題，進入首頁後，滑動欄從第一頁直接滑動到第二個頁面，在第一頁沒有停留。

由於錄製gif的原因，這裡把2當作1，3當作2，一開啟頁面是，直接從頁面2跳到頁面3，頁面2的停留時間極短。 而我們期望的結果是一進入頁面時頁面是從頁面1停留後跳到頁面2，再到頁面3，這樣有序的迴圈播放，向下面的gif才是正常的。

解決方案： :class="{'is-active': !index}"

完整程式碼：

<template>
  <mt-swipe class="swipe" :auto="10000">
    <mt-swipe-item v-for="(item, index) in list" :key="index" :class="{'is-active': !index}">
      <header class="swipe-title">{{item.title}}</header>
      <div class="swipe-content">{{item.content}}</div>
      <footer class="swipe-footer"><router-link class="swipe-action" :to="{name: item.router}"></router-link></footer>
    </mt-swipe-item>
  </mt-swipe>
</template>
 

這樣就能解決一進入網頁滑動欄就從頁面1跳到頁面2的問題。