点击el-menu-item项时要改变el-main中的视图怎么办

要实现点击 `el-menu-item` 项时改变 `el-main` 中的视图，可以通过监听菜单的 `select` 事件，在事件处理函数中改变路由的 `path` 属性，从而实现视图的切换。具体步骤如下：

1. 在 `el-menu` 组件上添加 `@select` 事件监听器。

<el-menu @select="handleMenuSelect">
  <el-menu-item index="1">菜单项1</el-menu-item>
  <el-menu-item index="2">菜单项2</el-menu-item>
  <el-menu-item index="3">菜单项3</el-menu-item>
</el-menu>

2. 在事件处理函数中，通过 `this.$router.push()` 方法改变路由的 `path` 属性，从而实现视图的切换。

methods: {
  handleMenuSelect(index) {
    switch (index) {
      case '1':
        this.$router.push('/view1');
        break;
      case '2':
        this.$router.push('/view2');
        break;
      case '3':
        this.$router.push('/view3');
        break;
    }
  }
}

3. 在 `el-main` 中使用 `router-view` 组件渲染视图。

<el-main>
  <router-view></router-view>
</el-main>

这样，当用户点击菜单项时，就会触发 `select` 事件，然后根据菜单项的索引改变路由的 `path` 属性，从而实现视图的切换。