在elementui中的el-container中根据点击事件渲染不同的页面

1. 首先需要在el-container中定义一个变量来表示当前页面的状态，例如：

<el-container>
  <el-aside width="200px">侧边栏</el-aside>
  <el-main>
    <div v-if="page === 'home'">首页</div>
    <div v-else-if="page === 'about'">关于我们</div>
    <div v-else-if="page === 'contact'">联系我们</div>
  </el-main>
</el-container>

<script>
export default {
  data() {
    return {
      page: 'home'
    }
  },
  methods: {
    goToPage(page) {
      this.page = page
    }
  }
}
</script>

2. 在需要触发页面切换的地方绑定一个点击事件，例如：

<el-menu-item @click="goToPage('home')">首页</el-menu-item>
<el-menu-item @click="goToPage('about')">关于我们</el-menu-item>
<el-menu-item @click="goToPage('contact')">联系我们</el-menu-item>

3. 点击菜单项时会触发goToPage方法，修改当前页面状态，从而渲染不同的页面。