vue+element写侧边栏

两种方式：

1.router跳转：

<el-aside width="100%" style="background-color: rgb(238, 241, 246)">
                    <!--<el-menu
                    :default-openeds="['1']"  1是1的菜单默认展开 
                    router  添加router，index='/mine'直接跳转到mine页面
                    -->
                <el-menu router>
                <el-menu-item index="/index">
                    <template slot="title"><i class="el-icon-message"></i>导航1</template>
                </el-menu-item>
                <el-submenu index="2">
                    <template slot="title"><i class="el-icon-message"></i>导航2</template>
                    <el-menu-item-group>
                        <el-menu-item index="/mine">选项1</el-menu-item>
                        <el-menu-item index="2-2">选项2</el-menu-item>
                    </el-menu-item-group>
                    <el-submenu index="2-3">
                        <template slot="title">选项3</template>
                        <el-menu-item index="2-3-1">选项3-1</el-menu-item>
                    </el-submenu>
                </el-submenu>
                </el-menu>
            </el-aside>

2.事件跳转：

index传过去参数

<el-aside width="100%" style="background-color: rgb(238, 241, 246)">
                <el-menu @select="handleSelect">
                <el-menu-item index="/index">
                    <template slot="title"><i class="el-icon-message"></i>导航1</template>
                </el-menu-item>
                <el-submenu index="2">
                    <template slot="title"><i class="el-icon-message"></i>导航2</template>
                    <el-menu-item-group>
                        <el-menu-item index="/mine">选项1</el-menu-item>
                        <el-menu-item index="2-2">选项2</el-menu-item>
                    </el-menu-item-group>
                    <el-submenu index="2-3">
                        <template slot="title">选项3</template>
                        <el-menu-item index="2-3-1">选项3-1</el-menu-item>
                    </el-submenu>
                </el-submenu>
                </el-menu>
            </el-aside>


....................
<script>
export default {
    data(){
        return{
            
        }
    },
    methods:{
        /* 
        key, keyPath:当前index，上一级index
        */
        handleSelect(key, keyPath) {
            console.log(key, keyPath,'123123')
            this.$router.push({
                path: key,
                // query: {type: 1 } //可以传值
            })
        }
    }
}
</script>