mint-ui轮播图mt-swipe组件使用

如果全局引入了mint-ui，那么就可以直接使用了

<mt-swipe :auto="4000">
  <mt-swipe-item>1</mt-swipe-item>
  <mt-swipe-item>2</mt-swipe-item>
  <mt-swipe-item>3</mt-swipe-item>
</mt-swipe>

pcDtlDwEKl.gif

只需要按需引入的话，加上下面这几句引入swiper和swiper-item就可以了

import { Swipe, SwipeItem } from 'mint-ui';

Vue.component(Swipe.name, Swipe);
Vue.component(SwipeItem.name, SwipeItem);

更多参数

image.png

别忘了还有个change

image.png

官网http://mint-ui.github.io/docs/#/en2/swipe