special weird 
 vue-cli + mui wrote 
 home page has a rotation picture, switch to another page and then switch back to the rotation map will be stuck, can not be used! How to solve it? mui-scroll can not scroll, 
 is not wrong, just contact soon, I hope you can help 
Code:
<template>
    <div>
        <header id="header" class="mui-bar mui-bar-nav">
            <a href="-sharppopover" 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">
                    <!-- (:) -->
                    <div class="mui-slider-item mui-slider-item-duplicate">
                        <a href="-sharp">
                            <img src="../assets/yuantiao.jpg">
                        </a>
                    </div>
                    <!--  -->
                    <div class="mui-slider-item">
                        <a href="-sharp">
                            <img src="../assets/shuijiao.jpg">
                        </a>
                    </div>
                    <!--  -->
                    <div class="mui-slider-item">
                        <a href="-sharp">
                            <img src="../assets/muwu.jpg">
                        </a>
                    </div>
                    <!--  -->
                    <div class="mui-slider-item">
                        <a href="-sharp">
                            <img src="../assets/cbd.jpg">
                        </a>
                    </div>
                    <!--  -->
                    <div class="mui-slider-item">
                        <a href="-sharp">
                            <img src="../assets/yuantiao.jpg">
                        </a>
                    </div>
                    <!-- (:) -->
                    <div class="mui-slider-item mui-slider-item-duplicate">
                        <a href="-sharp">
                            <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("-sharpslidergyq").slider({
            interval: 5000
        });
    });
</script>