Vue点击导航菜单下的某一选项，另一个组件加载相对应的数据，如何实现？

Question

元素类别

{{ item.title }} {{ itm.title }}

{{itm.title}}

{{item.content}}

这段代码应该是有问题，运行之后出不来东西，只要解决加载不同数据的问题就好。

Answer 1

很简单呀，通过for循环将每一个元素遍历即可，然后点击路由，携带参数进行跳转加载不就好啦，例如

<el-container>
      <el-aside width="200px">
        <el-menu
          class="el-menu-vertical-demo"
          @open="handleOpen"
          @close="handleClose"
          router
        background-color="#d3dce6">
          <el-menu-item v-for="cate in cates" :index="'mobile/display?cid='+cate.id.toString()" :key="cate.id">
            <i class="el-icon-mobile"></i>
            <span slot="title">{{cate.name}}</span>
          </el-menu-item>
        </el-menu>
      </el-aside>
      <el-container>

如有帮助，请采纳一下，谢谢