网站建设谢词,asp手机网站模板,免费推广自己的网站,嘉兴网站建设公司就找嘉乐网络需求 子页面进入后#xff0c;能在主页面显示子页的相关信息#xff0c;比如说主页面的菜单激活的是哪个子页面的菜单项 如上图#xff0c;当刷新浏览器页面时#xff0c;让菜单的激活项仍保持在【最近浏览】。 实现方式#xff1a;
在子页面的create事件中增加#xff…需求 子页面进入后能在主页面显示子页的相关信息比如说主页面的菜单激活的是哪个子页面的菜单项 如上图当刷新浏览器页面时让菜单的激活项仍保持在【最近浏览】。 实现方式
在子页面的create事件中增加 created(){console.log(子路由打开, this.$route.path)this.$emit(childOpen, this.$route.path);},
主页面 router-view 中 增加 router-view childOpenchildOpen/router-view ...childOpen(url) {console.log(url1, url)if (url /recovery) {this.activeMenu recovery}else if (url /history) {this.activeMenu history}else if (url /person) {this.activeMenu person}else if (url /collect) {this.activeMenu collect}},
主页面菜单相关代码 div classmenudiv classitem pointer :class{activeMenu : activeMenuperson} clickmenuClick(person)img classhuiyuan-ico src/assets/images/kongjian2.png/div个人空间/div/divdiv classitem pointer :class{activeMenu : activeMenuhistory} clickmenuClick(history)img classhuiyuan-ico src/assets/images/history2.png/div最近浏览/div/divdiv classitem pointer :class{activeMenu : activeMenucollect} clickmenuClick(collect)img classhuiyuan-ico src/assets/images/like2.png/div我的收藏/div/divdiv classitem pointer :class{activeMenu : activeMenurecovery} clickmenuClick(recovery)img classhuiyuan-ico src/assets/images/hsz2.png/div收回站/div/div/div
这样当子路由的页面create后就会告诉主页面「我打开了」主页面收到消息后得到了具体的页面地址通过地址判断是打开了哪个页面从页主页面就激活具体的哪项菜单。
