特別的奇葩
vue-cli + mui 寫的
首頁有個輪播圖,切換到其他頁面再切換回去輪播圖就卡死了,無法使用了!如何解決呢?mui-scroll也不能滾動了,
都沒報(bào)錯,剛接觸不久,希望大家?guī)鸵幌轮x謝

代碼:

<template>
    <div>
        <header id="header" class="mui-bar mui-bar-nav">
            <a href="#popover" id="openPopover" class="mui-icon mui-icon mui-icon-bars mui-pull-left"></a>
            <h1 class="mui-title">{{$route.name}}</h1>
            <a class="mui-icon mui-icon-chat mui-pull-right"></a>
        </header>
        <div class="mui-content">
            <!--輪播圖開始-->
            <div id="slidergyq" class="mui-slider">
                <div class="mui-slider-group mui-slider-loop">
                    <!-- 額外增加的一個節(jié)點(diǎn)(循環(huán)輪播：第一個節(jié)點(diǎn)是最后一張輪播) -->
                    <div class="mui-slider-item mui-slider-item-duplicate">
                        <a href="#">
                            <img src="../assets/yuantiao.jpg">
                        </a>
                    </div>
                    <!-- 第一張 -->
                    <div class="mui-slider-item">
                        <a href="#">
                            <img src="../assets/shuijiao.jpg">
                        </a>
                    </div>
                    <!-- 第二張 -->
                    <div class="mui-slider-item">
                        <a href="#">
                            <img src="../assets/muwu.jpg">
                        </a>
                    </div>
                    <!-- 第三張 -->
                    <div class="mui-slider-item">
                        <a href="#">
                            <img src="../assets/cbd.jpg">
                        </a>
                    </div>
                    <!-- 第四張 -->
                    <div class="mui-slider-item">
                        <a href="#">
                            <img src="../assets/yuantiao.jpg">
                        </a>
                    </div>
                    <!-- 額外增加的一個節(jié)點(diǎn)(循環(huán)輪播：最后一個節(jié)點(diǎn)是第一張輪播) -->
                    <div class="mui-slider-item mui-slider-item-duplicate">
                        <a href="#">
                            <img src="../assets/shuijiao.jpg">
                        </a>
                    </div>
                </div>
                <div class="mui-slider-indicator">
                    <div class="mui-indicator mui-active"></div>
                    <div class="mui-indicator"></div>
                    <div class="mui-indicator"></div>
                    <div class="mui-indicator"></div>
                </div>
            </div>
        </div>
        <nav-components></nav-components>
    </div>
</template>

<script scoped>
    import navComponents from './nav.vue'
    export default {
        components: {navComponents},
        name: "gyq",
    }
    mui(function () {
        mui("#slidergyq").slider({
            interval: 5000
        });
    });
</script>