多页vue,如何从A页面跳转到B页的指定选项卡？

weixin_38060792 2018-09-16 12:44:55

B页已实现选项卡切花，什么思路？你们是怎么做的，show me the code ...

...全文

242 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

vue项目中一个模板组件，不同iframe的src地址，对应不同的路由，不同标签页，且切换标签页不重载。这种客户的要求是特例在网上没有，所以纯自行手码。由于项目在vuex保存了标签页，所以初次进入该组件时，调用了一次$store。思路很关键，看懂了可复用，熟悉vue的朋友酌情下载。

现在很多的后台管理系统都采用tab选项卡的布局，左边是导航栏固定，右边是对应的页面，每次点击左边的导航标题，只有右面的对应页面再切换，而vue要做tab选项卡，推荐使用实现a标签的效果，然后使用实现插槽的效果，把对应的页面 “塞” 进去，具体实现看下面的案例： 1、这是tab选项卡的页面，布局就不说了，主要是{{a.title}}，其

Vue是-个渐进式...router和vuex、基于权限控制实现登录注册、前端路由原理、为什么要用vuex、单页应用和多页应用的区别、以及项目实战:购物车项目。通过学完本课程，你可以独立开发任何一款单页应用程序项目。

WebdeskUI Admin Web系统的管理面板（仿桌面应用）没有基于Vue，也没有基于JQuery，完全自主开发。仿桌面应用，例如弹窗可以自由缩放、拖放、切换、最大化、最小化；可切换风格，内置校园风格、Win10风格和Win7风格。日间模式/夜间模式。包括常用控件，登录、下拉菜单、树形菜单、选项卡、弹窗等；内页采用IFrame嵌套。开发初衷为公司主打产品《微厦在线学习系统》的管理界面升级而开发。例如，课程管理打开后，还要有章节管理、试题管理、价格管理、通知公告，等等；章节管理进去还有视频、资料的编辑等等；层层深入，交互功能比较复杂。如果通过普通的页面跳转实现，太繁杂，我就想写个弹窗，能像windows窗体一样，操作直观一些。且可缩放、可拖放、可以与其它控件进行互动，有事件机制和它组件进行交互，等等。同类软件有很多，但免费的太弱鸡，功能强的要收费。为了满足自身需求，同时不希

#vue#如何从一个页面跳转到另一个页面的指定tab选项卡需求：从一个页面点击跳转到另一个页面指定的tab选项卡，如图当前页面：点击“完整时间轴”以及“更多文章”，会跳转到另一个页面，并且会对应好相应的tab页面 tab页面：思路：（1）在当前页面，我们需要通过绑定点击事件，来获取跳转到tab页面的id值当前页面： <div class="time-line" @click="getTime()"> <p>完整时间轴 <i clas

其他技术讨论专区

433

社区成员

791,271

社区内容

发帖

与我相关

我的任务

其他技术论坛（原bbs）

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章