一、需求
2个页面,第一个A页面包含一个翻页的表格,点击表格行跳转该条数据的详情页面B,切换回A页面依然保留A页面的状态
二、思路
DOM中分别用2个容器 存放A、B页面,配置路由分别对应Acomponent 和 Bcomponent ,设置B的样式遮罩住A,路由切换回A页面后,B已经销毁,A依然保留。
<div id="app">A</div>
<div id="detail-page">B</div>
未完待续
点击查看demo
一、需求
2个页面,第一个A页面包含一个翻页的表格,点击表格行跳转该条数据的详情页面B,切换回A页面依然保留A页面的状态
二、思路
DOM中分别用2个容器 存放A、B页面,配置路由分别对应Acomponent 和 Bcomponent ,设置B的样式遮罩住A,路由切换回A页面后,B已经销毁,A依然保留。
<div id="app">A</div>
<div id="detail-page">B</div>
未完待续
点击查看demo