一个页面中两个侧滑导航，一个是正常的，关闭另一侧的时候只关闭了半透明遮罩，侧滑菜单未关闭

<div id="offCanvasWrapper" class="mui-off-canvas-wrap mui-draggable mui-slide-in">
<!-- 菜单容器 -->
<aside id="offCanvasSideLeft" class="mui-off-canvas-left">
<div id="offCanvasSideScroll" class="mui-scroll-wrapper bg_white">

        </div>  
    </aside>  
    <aside id="offCanvasSideRight" class="mui-off-canvas-right">  
        <div id="offCanvasSideScroll" class="mui-scroll-wrapper bg_white" :style="contentStyleObj">  

        </div>  
    </aside>  
    <!-- 主页面容器 -->  
    <div class="mui-inner-wrap">  
        <!-- 主页面标题 -->  
        <header>  
            <div class="topmenu bg_white">  
                <span class="mui-icon mui-icon-back fl" @click="$router.back()"></span>  
                <a href="#offCanvasSideLeft" class="mui-pull-left">  
                </a>  
            </div>  
        </header>  
        <div id="offCanvasContentScroll" class="mui-content mui-scroll-wrapper">  
            <div class="search_res bg_white">  
                <section class="select-menu">  
                    <div class="select-item">  
                        <a href="#offCanvasSideRight" style="color: #666666">Filter<i class="iconfont icon-shaixuan"></i>  
                        </a>  
                    </div>  
                </section>  
            </div>  
        </div>  
        <div class="mui-off-canvas-backdrop"></div>  
    </div>  
</div>