elementui menu和tabs是如何做到联动的呢？

Question

如图所示，是如何做点击menu之后，新建或跳转到对应的tabs？有教程推荐一下吗？
我自己不会写这方面的逻辑，如果给为谁知道麻烦共享一下教程谢谢了

Answer 1

回答：我也有看过你这个图片里面的系统，我也模拟过这个效果，实际上不是那么难，但是显示的样式还是需要调整设计一下的；主要的逻辑就是在那个组件里面设置一个数组，然后左边的导航对应的点击会去在那个数组里面去寻找是否有这个标签，如果有则显示这个标签，如果没有则添加这个标签在末尾，然后就达到了这个展示的效果；然后是删除标签，每个标签的右侧都有删除图标，点击后即可删除，这个也不难实现，就是在删除的同时需要设置一下下一个高亮，以及默认全部删除就展示主页等操作；最后是左侧的导航高亮显示，这个实际可以采用element-plus的el-menu的router属性，它会自动解析路由，并高亮对应的菜单，你可以试一试