美文网首页前端技术简友广场
mint-ui轮播图mt-swipe组件使用

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

作者: 前端来入坑 | 来源:发表于2018-12-23 19:14 被阅读76次

如果全局引入了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

相关文章

网友评论

    本文标题:mint-ui轮播图mt-swipe组件使用

    本文链接:https://www.haomeiwen.com/subject/fhsmcqtx.html