How to use Swiper Animate in vue

if you don"t need Vue, you can use it this way (feasible):

//
<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">

</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>

how can vue be used and animated as above?
currently uses
cnpm install vue-awesome-swiper-- save
has been installed and used successfully, mainly because I don"t know how to add the animation
swiper.animate.min.js
? Have you ever done it?
No holiday in the New year, beg the boss on your knees, thank you

May.31,2022

import aniMate's js and css. Api use the swiper4 animate example on the official website of swiper to try


you can refer to this document https://github.com/surmon-chi...


import swiper from 'vue-awesome-swiper',vue.use (swiper). Or script references resources on cdn


Hello. Has the problem been solved? I happen to have the same problem

.
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b320f8-2be10.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b320f8-2be10.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?