Question

我正在laravel项目中使用Swiper创建一个滑块，其中该滑块位于vue组件中。我在laravel主机刀片上链接了本地js和css以进行滑动，并在windows.load上为wiper编写了js代码，但这在控制台中显示错误。

app.js:3034 Uncaught ReferenceError: Swiper is not defined
at window.onload (app.js:3034)

Uncaught ReferenceError: Swiper is not defined
at HTMLDocument.<anonymous> (swiper.min.js:1)
at e (vendors.min.js:2)

这也是我的JavaScript所在的组件代码：

    <div class="swiper-centered-slides swiper-container p-1">
        <div class="swiper-wrapper">
            <div class="swiper-slide rounded swiper-shadow"> 
                  <div class="swiper-text pt-md-1 pt-sm-50">Getting Started</div>
                  </div>
                  <div class="swiper-slide rounded swiper-shadow">            
            </div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>
     </div>

<script>
    export default {
        mounted() {
            window.onload=function(){
                var mySwiper = new Swiper ('.swiper-container', {
                direction: 'vertical',
            })
            }
        }
    }
</script>

在组件中编写js时，我做错什么了吗？我是否编写js都会给我未定义的错误。我不明白为什么会出现错误。帮助将不胜感激。谢谢

vue组件上的js函数

0 个答案: