v1.6.0 之后，drawerToRouterTab_mixin 不再起作用，因为在多个子应用都使用时出现严重的问题，暂时不好解决，以后再处理

用于将el-drawer (opens new window)在主页的 tab 路由区域打开，并且 tab 切换时保证各类弹层组件(包括el-dialog)的遮罩层是正常的

需独立引入

import drawerToRouterTab_mixin from 'yb-components/packages/es/mixins/drawerToRouterTab_mixin';

基本使用

需要在使用el-drawer的路由组件内引入 drawerToRouterTab_mixin

<template>
    <div>
        <el-button @click="">打开drawer</el-button>
        <!-- drawerAppendToBody 由 drawerToRouterTab_mixin提供，当存在.router-live时为false，否则为true-->
        <el-drawer
            :visible.sync="uploadViewerDrawer"
            size="94%"
            :append-to-body="drawerAppendToBody"
        >
            <template v-slot:title>
                <span>导入编码映射</span>
            </template>
            <div>drawer内容</div>
        </el-drawer>
    </div>
</template>
<script>
    import drawerToRouterTab_mixin from 'yb-components/packages/es/mixins/drawerToRouterTab_mixin';
    export default {
        mixins: [drawerToRouterTab_mixin],
        data() {
            return {
                uploadViewerDrawer: false,
            };
        },
        methods: {
            openUploadDrawer() {
                // 先调用drawerToRouterTab_mixin提供的defineOpenModal方法，再打开drawer
                this.defineOpenModal(() => {
                    this.uploadViewerDrawer = true;
                });
            },
        },
    };
</script>

data

参数	说明	类型	可选值	默认值
drawerAppendToBody	主要给 el-drawer 的 append-to-body 属性，当存在.router-live 时为 false，否则为 true	boolean	-	-
isDrawerToRouterTab	是否在 RouterTab 打开 drawer，有时需要 false	boolean	-	true

methods

方法名	说明	返回值	传参
defineOpenModal	改变 el-drawer 的 visible 前调用，this.defineOpenModal(callback)	-	function(){}