vue中在一个div中一半用el-menu实现侧边栏，另一半为点击侧边栏跳转对应页面，不使用router-view方式

可以通过使用条件渲染和事件处理来实现在一个div中一半使用el-menu实现侧边栏，另一半为点击侧边栏跳转对应页面的效果。具体步骤如下：

1. 在Vue组件中定义一个data属性，例如`isSidebarActive`，用于判断是否展示侧边栏。

2. 在模板中使用条件渲染，根据`isSidebarActive`的值来切换侧边栏和内容区域的显示。例如：

<div>
  <el-menu v-show="isSidebarActive">...</el-menu>
  <div v-show="!isSidebarActive">...</div>
</div>

3. 在侧边栏菜单项中添加点击事件处理函数，用于在点击时跳转到对应页面。可以使用Vue的路由功能或者手动跳转页面。

如果使用Vue的路由功能，可以按以下步骤操作：

1. 安装Vue Router插件：`npm install vue-router`

2. 在Vue组件中引入Vue Router并配置路由表：

import VueRouter from 'vue-router';

Vue.use(VueRouter);

const routes = [
  { path: '/page1', component: Page1 },
  { path: '/page2', component: Page2 },
  // 其他路由配置
];

const router = new VueRouter({
  routes
});

3. 修改点击事件处理函数，使用Vue Router的`router.push()`方法进行页面跳转。例如：

methods: {
  handleMenuItemClick(path) {
    this.$router.push(path);
  }
}

4. 在侧边栏菜单项中添加点击事件，并调用上述事件处理函数：

<el-menu-item @click="handleMenuItemClick('/page1')">页面1</el-menu-item>
<el-menu-item @click="handleMenuItemClick('/page2')">页面2</el-menu-item>

这样，当点击侧边栏菜单项时，会触发相应的事件处理函数，从而实现跳转到对应页面的效果。同时，根据`isSidebarActive`的值，可以控制侧边栏的显示和隐藏。