vue 中怎么使用 Swiper Animate 使用方法

不用Vue的话可直接这样使用(可行):

//引入相关文件
<link rel="stylesheet" href="css/swiper.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<script src="js/swiper.min.js"></script>
<script src="js/swiper.animate.min.js"></script>


//html
<body>
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <!-------------slide1----------------->
            <section class="swiper-slide" id="page1">
                <p class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0s">第一页</p>
            </section>
        </div>
     </div>
</body>


//初始化-使用
<script>
    var mySwiper = new Swiper ('.swiper-container', {
        direction : 'vertical',
        pagination: '.swiper-pagination',
        mousewheelControl : true,
        onInit: function(swiper){
            swiperAnimateCache(swiper);
            swiperAnimate(swiper);
        },
        onSlideChangeEnd: function(swiper){
            swiperAnimate(swiper);
        }
    })
</script>

使用vue的话怎么像上面一样可用并加上动画??
目前使用
cnpm install vue-awesome-swiper --save
安装成功并成功使用,主要是不知道
swiper.animate.min.js
这个动画怎么加上去?有做过的吗?
新年不放假,跪求大佬,谢谢

阅读 8k
4 个回答
新手上路,请多包涵

import aniMate 的js和 css ,api使用参考 swiper官网的 swiper4 animate 使用示例试试

import swiper from 'vue-awesome-swiper',vue.use(swiper);或者script引用cdn上的资源

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题